.html{
overflow-x:hidden;
}
.card {
position: relative;
overflow: hidden;
}
.card .card-img-top {
transition: transform 0.5s;
}
.card .card-body {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s;
z-index: 1;
}
.card:hover .card-img-top {
transform: scale(1.1);
}
.card:hover .card-body {
opacity: 1;
}
.btn-primary {
margin-top: 10px;
}
/* CSS/style.css or