.carousel-item {
    height: 60vh;
}

.carousel-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.card1{
    height: 100%;
    box-shadow: 0 4px 8px rgba(43, 42, 42, 0.2);
    transition: all 0.3s ease;
}
.card1:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
    transition: all 0.3s ease;
}
.img-fluid{
    
    border: 1px solid rgb(11, 0, 0);
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(155, 11, 11, 0.2);
}
.img-fluid:hover {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
    transition: all 0.3s ease;
}