.card-img-top {
    height: 300px;
    /* Adjust the value as per your desired fixed height */
    object-fit: contain;
    /* Preserve the image aspect ratio and cover the entire container */
    padding: 5%;
}

.card {
    width: 100%;
    margin-bottom: 20px;
    /* Adjust the value as per your desired spacing */
}

.mySwiper {
    padding-bottom: 20px;
}

/* .modal-backdrop {
    --tblr-backdrop-opacity: 0.8;
} */