.mosiac__module .image-grid{align-items:stretch;display:grid;gap:var(--base-padding);grid-column:content-start/content-end;justify-content:stretch;max-width:100%;width:100%}.mosiac__module .image-grid+.image-grid{margin-top:var(--base-padding)}.mosiac__module .image{aspect-ratio:4/3;width:100%}.mosiac__module .image a{border-radius:1rem;display:block;height:100%;overflow:clip;width:100%}.mosiac__module .image img{border-radius:1rem;height:100%;object-fit:cover;transition:all var(--transition-time) var(--transition-function);width:100%}.mosiac__module .image:hover img{transform:scale(1.2)}.mosiac__module .images-1{grid-template-areas:"Image-1";grid-template-columns:1fr;grid-template-rows:100%}.mosiac__module .images-2{grid-template-areas:"Image-1 Image-2";grid-template-columns:1fr 1fr;grid-template-rows:100%}.mosiac__module .images-3{grid-template-areas:"Image-1 Image-1 Image-2 Image 2" "Image-1 Image-1 Image-3 Image-3";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}.mosiac__module .images-3:nth-child(odd){grid-template-areas:"Image-1 Image-1 Image-2 Image-2" "Image-3 Image-3 Image-2 Image-2"}.mosiac__module .images-4{grid-template-areas:"Image-1 Image-1 Image-1 Image-2 Image-2 Image-2 Image-2" "Image-1 Image-1 Image-1 Image-2 Image-2 Image-2 Image-2" "Image-1 Image-1 Image-1 Image-2 Image-2 Image-2 Image-2" "Image-3 Image-3 Image-3 Image-2 Image-2 Image-2 Image-2" "Image-3 Image-3 Image-3 Image-4 Image-4 Image-4 Image-4" "Image-3 Image-3 Image-3 Image-4 Image-4 Image-4 Image-4";grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr)}.mosiac__module .images-4:nth-child(odd){grid-template-areas:"Image-4 Image-4 Image-4 Image-4 Image-3 Image-3 Image-3" "Image-4 Image-4 Image-4 Image-4 Image-3 Image-3 Image-3" "Image-1 Image-1 Image-1 Image-1 Image-3 Image-3 Image-3" "Image-1 Image-1 Image-1 Image-1 Image-2 Image-2 Image-2" "Image-1 Image-1 Image-1 Image-1 Image-2 Image-2 Image-2" "Image-1 Image-1 Image-1 Image-1 Image-2 Image-2 Image-2"}.mosiac__module .images-4 .image-4{aspect-ratio:3/1}.mosiac__module .images-5{grid-template-areas:"Image-1 Image-1 Image-1 Image-2 Image-2 Image-2 Image-2" "Image-1 Image-1 Image-1 Image-2 Image-2 Image-2 Image-2" "Image-1 Image-1 Image-1 Image-2 Image-2 Image-2 Image-2" "Image-3 Image-3 Image-3 Image-2 Image-2 Image-2 Image-2" "Image-3 Image-3 Image-3 Image-4 Image-4 Image-5 Image-5" "Image-3 Image-3 Image-3 Image-4 Image-4 Image-5 Image-5";grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr)}.mosiac__module .images-5:nth-child(odd){grid-template-areas:"Image-5 Image-5 Image-4 Image-4 Image-3 Image-3 Image-3" "Image-5 Image-5 Image-4 Image-4 Image-3 Image-3 Image-3" "Image-1 Image-1 Image-1 Image-1 Image-3 Image-3 Image-3" "Image-1 Image-1 Image-1 Image-1 Image-2 Image-2 Image-2" "Image-1 Image-1 Image-1 Image-1 Image-2 Image-2 Image-2" "Image-1 Image-1 Image-1 Image-1 Image-2 Image-2 Image-2"}.mosiac__module .image-1{grid-area:Image-1}.mosiac__module .image-2{grid-area:Image-2}.mosiac__module .image-3{grid-area:Image-3}.mosiac__module .image-4{grid-area:Image-4}.mosiac__module .image-5{grid-area:Image-5}@media (max-width:35rem){.mosiac__module .image-grid{align-items:center;container-type:inline-size;display:flex;flex-wrap:wrap;justify-content:center;overflow-x:auto}.mosiac__module .image-grid .image{min-width:8rem;width:calc(50cqi - 2rem);@container (max-width: 18rem){width:100%}}.mosiac__module .image-grid .image-4{aspect-ratio:4/3}}