// <div class="demo">
// <a href="">
//    <img src="https://cdn4.buysellads.net/uu/7/95310/1625099297-cssv1.png" alt="">
// </a>
// </div>

.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);
  }
}