.card-img-top, .product-image, .card-img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    object-position: 50% 30%;
}

.card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.card-body {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

@media (max-width: 992px) {
    html {
        overflow: hidden;
        width: 100%;
    }
    body {
        height: 100%;
        position: fixed;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: none;
    }
}