@layer components{.image-mosaic-banner{--gapSize: 1rem ;background-color:var(--theme-info-lighter);padding-block:var(--block-spacing);align-items:center;margin-inline:-1rem;padding-inline:1rem}@media only screen and (min-width: 1024px){.image-mosaic-banner{padding-inline:0;margin-inline:0;display:grid;grid-template-columns:subgrid}}.image-mosaic-banner__body{--font-size--base: var(--font-size--medium);--line-height--base: var(--line-height--medium)}.image-mosaic-banner__content{display:flex;flex-direction:column;align-items:flex-start;grid-column:right}@media only screen and (min-width: 1024px){.image-mosaic-banner__content{-webkit-padding-start:16.6667%;padding-inline-start:16.6667%}}.image-mosaic-banner__mosaic-wrapper{grid-column:left}@media screen and (max-width: 1023px){.image-mosaic-banner__mosaic-wrapper{-webkit-margin-after:2rem;margin-block-end:2rem}}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@layer components{.image-mosaic{max-width:640px;aspect-ratio:1;margin-inline:auto;display:grid;gap:.5rem;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(13,1fr)}.image-mosaic__image{grid-column:span 4;grid-row:span 4}.image-mosaic__image img{object-fit:cover;height:100%;width:100%;display:block}.image-mosaic__image:nth-child(1){grid-column:1/span 3;grid-row:4/span 3}.image-mosaic__image:nth-child(2){grid-column:4/span 4;grid-row:2/span 4}.image-mosaic__image:nth-child(3){grid-column:8/span 5;grid-row:1/span 5}.image-mosaic__image:nth-child(4){grid-column:2/span 2;grid-row:7/span 2}.image-mosaic__image:nth-child(5){grid-column:4/span 6;grid-row:6/span 6}.image-mosaic__image:nth-child(6){grid-column:10/span 4;grid-row:6/span 4}.image-mosaic__image:nth-child(7){grid-column:8/span 2;grid-row:12/span 2}.image-mosaic__image:nth-child(8){grid-column:10/span 3;grid-row:10/span 3}}