.multi-image-component{--multi-image-bg-color:var(--primary-color-bg);--multi-image-fg-color:var(--primary-color-fg);display:grid;width:100%;height:197px;background-color:var(--multi-image-bg-color);color:var(--multi-image-fg-color)}
@media(min-width:768px){.multi-image-component{height:552px}
}
.multi-image-component.bg-primary{--multi-image-bg-color:var(--primary-color-bg);--multi-image-fg-color:var(--primary-color-fg)}
.multi-image-component.bg-secondary{--multi-image-bg-color:var(--secondary-color-bg);--multi-image-fg-color:var(--secondary-color-fg)}
.multi-image-component.bg-tertiary{--multi-image-bg-color:var(--tertiary-color-bg);--multi-image-fg-color:var(--tertiary-color-fg)}
.multi-image-component__one{display:grid;grid-template-columns:100%;grid-template-areas:'one'}
.multi-image-component__one .multi-image-component__item-one{grid-area:one}
.multi-image-component__one .multi-image-component__item-one img{width:100%;height:197px;object-fit:cover}
@media(min-width:768px){.multi-image-component__one .multi-image-component__item-one img{height:552px}
}
.multi-image-component__two{display:grid;grid-template-columns:1fr 2fr;grid-template-areas:'two one' 'two one';gap:var(--multi-image-gap-items);margin-bottom:var(--multi-image-gap-items)}
.multi-image-component__two .multi-image-component__item-one{grid-area:one}
.multi-image-component__two .multi-image-component__item-one img{width:100%;object-fit:cover;height:197px}
@media(min-width:768px){.multi-image-component__two .multi-image-component__item-one img{height:552px}
}
.multi-image-component__two .multi-image-component__item-two{grid-area:two}
.multi-image-component__two .multi-image-component__item-two img{width:100%;height:197px;object-fit:cover}
@media(min-width:768px){.multi-image-component__two .multi-image-component__item-two img{height:552px}
}
.multi-image-component__three{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:'one two' 'one three';gap:var(--multi-image-gap-items);margin-bottom:var(--multi-image-gap-items)}
.multi-image-component__three .multi-image-component__item-one{grid-area:one}
.multi-image-component__three .multi-image-component__item-one img{width:100%;height:197px;object-fit:cover}
@media(min-width:768px){.multi-image-component__three .multi-image-component__item-one img{height:553px}
}
.multi-image-component__three .multi-image-component__item-two{grid-area:two}
.multi-image-component__three .multi-image-component__item-two img{width:100%;height:94px;object-fit:cover}
@media(min-width:768px){.multi-image-component__three .multi-image-component__item-two img{height:264px}
}
.multi-image-component__three .multi-image-component__item-three{grid-area:three}
.multi-image-component__three .multi-image-component__item-three img{width:100%;height:94px;object-fit:cover}
@media(min-width:768px){.multi-image-component__three .multi-image-component__item-three img{height:264px}
}
.multi-image{--multi-image-gap-items:8px}
@media(min-width:768px){.multi-image{--multi-image-gap-items:24px}
}
.multi-image + .multi-image .multi-image-component{padding-top:var(--multi-image-gap-items)}