#myCarousel {
    --f-carousel-slide-width: 312px;
    --f-carousel-spacing: 10px;
    width: 100%;
}
/* Размеры известны до загрузки фото: первая отрисовка не сдвигает ленту. */
#myCarousel .f-carousel__slide {
    flex: 0 0 var(--f-carousel-slide-width) !important;
    width: var(--f-carousel-slide-width);
    max-width: calc(100vw - 32px);
    height: 250px;
}
#myCarousel .f-carousel__slide img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
}
/* Фотографии остаются доступны даже при отключённом JavaScript. */
#myCarousel:not(.is-horizontal) {
    display: flex;
    overflow-x: auto;
}