.carousel-container {
        overflow: hidden;
        position: relative;
    }
    .carousel-track {
        display: flex;
        gap: 10px;
    }
    .product-card {
        flex: 0 0 20%;
        box-sizing: border-box;
        transition: transform 0.5s ease;
    }
    .product-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    @media (max-width: 992px) {
        .product-card {
        flex: 0 0 33.3333%;
        }
    }
    @media (max-width: 768px) {
        .product-card {
        flex: 0 0 50%;
        }
    }
    @media (max-width: 576px) {
        .product-card {
        flex: 0 0 100%;
        }
    }