/* Make the carousel images look better by covering the space */
.carousel-item img {
    height: 450px; /* You can adjust this height */
    object-fit: cover;
}

/* Make the product card images look consistent */
.card-img-top {
    height: 250px; /* You can adjust this height */
    object-fit: cover;
}

/* A little extra space for the footer on mobile */
footer {
    margin-top: 30px;
}