.woocommerce-product-gallery {
    min-height: 400px !important;
}

.gallery {
    background: transparent;
    margin: 0 auto;
}

.gallery-cell {
    margin-right: 10px;
    background: transparent;
    counter-increment: gallery-cell;
    border-radius: 15px;
    overflow: hidden;
}

.gallery-cell img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Ensure images fit within the container */
}

.flickity-button {
    display: none !important;
}

/* Media query for phones */
@media (max-width: 767px) {
    .gallery-cell {
        height: auto; /* Let JavaScript handle the height for mobile */
        width: 100%; /* Width for mobile */
    }
}