//
.demo {
width: 300px;
height: 385px;
padding: 6px;
border: 1px solid #ccc;
margin: 50px;
border-radius: 4px;
&:hover {
img {
transform: rotate(-2deg) translateY(-5px) scale(1.025);
box-shadow: 0 5px 10px 8px rgba($color: #ccc, $alpha: 0.5);
border-radius: 4px;
}
}
img {
max-width: 100%;
width: 100%;
object-fit: cover;
border-radius: 6px;
transition: all 0.15s ease;
box-shadow: 0 0 4px 2px rgba($color: #ccc, $alpha: 0.2);
}
}