.image-grid{--so-image-grid-gap:32px;display:flex;gap:var(--so-image-grid-gap);.image-grid-section{display:flex;flex:1;flex-direction:column;gap:var(--so-image-grid-gap);min-width:0;& img{border-radius:var(--so-border-radius-m);object-fit:cover;object-position:center;width:100%}@media (min-width:881px){&:first-of-type img:first-child,&:last-of-type img:last-child{aspect-ratio:418/313}}@media (max-width:520px){flex-direction:column!important;.tekst,img{aspect-ratio:4/3;flex:unset!important;width:100%!important}.tekst{aspect-ratio:unset!important;height:auto!important;min-height:180px}}}.tekst{align-items:flex-end;background-color:var(--so-color-primary);border-radius:var(--so-border-radius-m);box-sizing:border-box;color:var(--so-color-white);display:flex;flex:1;font-size:var(--so-fontsize-h1);font-weight:700;line-height:1;padding:24px}@media (max-width:1344px){--so-image-grid-gap:16px}@media (max-width:880px){flex-direction:column;& .image-grid-section{flex:none;flex-direction:row;width:100%;&>.tekst,&>img{aspect-ratio:auto;flex:1 1 0;height:360px;min-width:0;width:auto}&:has(.tekst){>.tekst,>img{flex:1 1 0;width:0}}&:first-of-type>img:first-child,&:last-of-type>img:last-child{flex:0 0 40%;width:40%}}}}