.block-image-carousel .image-carousel--slide {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    overflow: hidden;
    max-height: calc(100vh - 100px);
}
.block-image-carousel .image-carousel--slide > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.image-carousel--caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: var(--space-2) var(--space-3);
}
.block-image-carousel .swiper-button-next:after, 
.block-image-carousel .swiper-rtl .swiper-button-prev:after ,
.block-image-carousel .swiper-button-prev:after, 
.block-image-carousel .swiper-rtl .swiper-button-next:after {
    display: none;
}
.block-image-carousel .swiper-button-next,
.block-image-carousel .swiper-button-prev {
    padding: 12px;
    background: transparent;
    width: auto;
    border: 1px solid var(--color-n-white);
}
.block-image-carousel .swiper-button-next svg, 
.block-image-carousel .swiper-button-prev svg {
    width: 24px;
    height: 24px;
}
.block-image-carousel .swiper-button-next svg path, 
.block-image-carousel .swiper-button-prev svg path {
    fill: var(--color-n-white);
}
.block-image-carousel .swiper-button-next{
    right: var(--space-3);
}
.block-image-carousel .swiper-button-prev{
    left: var(--space-3);
}
@media screen and (min-width: 768px) {
    .image-carousel--caption {
        padding: 32px var(--space-6);
    }
    .block-image-carousel .swiper-button-next{
        right: var(--space-6);
    }
    .block-image-carousel .swiper-button-prev{
        left: var(--space-6);
    }
}