section.carousel{container:section-carousel/inline-size}section.carousel .wrapper{grid-template-columns:50% 50%;display:grid;overflow:hidden}@container section-carousel (max-width:700px){section.carousel .wrapper{grid-template-columns:1fr}}section.carousel main{background:var(--black);color:var(--white);padding:var(--padding-medium);border-radius:var(--border-radius-medium);order:1}@container section-carousel (max-width:700px){section.carousel main{margin-top:-50px;padding-top:80px}section.carousel main:after{display:none!important}}section.carousel main:after{content:"";background:var(--black);width:100px;height:100%;display:block;position:absolute;top:0;right:-60px}section.carousel main .tags{flex-wrap:wrap;gap:.5em 1em;margin-bottom:1em;display:inline-flex}section.carousel main .tags .tag{background:var(--pink);color:var(--white);white-space:nowrap;border-radius:20px;padding:.25em .8em}section.carousel .images{border-radius:var(--border-radius-medium);z-index:2;order:1;overflow:hidden}@container section-carousel (max-width:700px){section.carousel .images{order:0}}section.carousel .images .swiper{height:100%}section.carousel .images .swiper-slide img{aspect-ratio:4/3;object-fit:cover;min-height:100%}section.carousel .images .swiper-navigation{gap:10px;display:flex;position:absolute;bottom:30px;right:30px}
