.bento-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:316px 316px;grid-gap:16px;gap:16px;grid-template-areas:"card-a card-a card-a card-b" "card-c card-d card-d card-b"}.card-a{grid-area:card-a;height:316px}.card-a,.card-b{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);border-radius:16px;overflow:hidden;display:flex;align-items:stretch}.card-b{grid-area:card-b;height:100%;flex-direction:column}.card-c{grid-area:card-c}.card-c,.card-d{height:316px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);border-radius:16px;overflow:hidden;display:flex;align-items:stretch}.card-d{grid-area:card-d}.mainContainer{flex:0 0 100%}@media (max-width:900px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"card-a card-a" "card-c card-d" "card-b card-b"}.card-a{height:220px}.card-b{height:170px}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"card-a card-a" "card-c card-d" "card-b" "card-b";gap:8px}.card-b{height:170px}.card-c,.card-d{height:164px}.card-a{height:146px}}