.custom-carousel .carousel-item {
    height: 500px;
}

.custom-carousel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .custom-carousel .carousel-item {
        height: 300px;
    }
}

.product-img {
    max-width: 200px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 15px; /* Small margin on the bottom */
}