.userdesc-page .userdesc-carousel.carousel {
    width: 100%;
    height: 260px !important;
    min-height: 0 !important;
    overflow: hidden;
    background: #d9d9d9;
    border-radius: 8px;
}

.userdesc-page .userdesc-carousel.carousel.carousel-slider .carousel-item {
    width: 100%;
    height: 100%;
    min-height: 0 !important;
}

.userdesc-page .userdesc-carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.userdesc-page .userdesc-carousel .carousel-fixed-item {
    top: 10px;
    right: 10px;
    left: auto;
    bottom: auto;
    width: auto;
}

@media only screen and (min-width: 601px) {
    .userdesc-page .userdesc-carousel.carousel {
        height: 320px !important;
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 993px) {
    .userdesc-page .userdesc-carousel.carousel {
        height: 360px !important;
        margin-top: 0;
    }
}