.catalog-slider {
    position: relative;
    padding-bottom: 24px;
}
.catalog-slider__slide {
    width: 100%;
    height: 0;
    padding-bottom: 25%;
    position: relative;
}
.catalog-slider__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: contain;
}
.catalog-slider__pagination {
    
}
@media screen and (min-width: 576px) {
    .catalog-slider__slide {
        padding-bottom: 12.5%;
    }
}
@media screen and (min-width: 2030px) {
    .catalog-slider__slide {
        padding-bottom: 0;
        height: 250px;
    }
}