.product-banner-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.product-banner-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

@media (max-width: 991px) {
    .product-banner-img {
        height: 300px;
        object-fit: cover;
    }
}

@media (max-width: 576px) {
    .product-banner-img {
        height: 200px;
        object-fit: cover;
    }
}