img.rounded-circle-overlay {
  height: auto;
  transition: all 0.4s linear;
  border-radius: 50%;
}

img.rounded-circle-overlay:hover {
  transform: scale(1.2) translateZ(0);
  -ms-transform: scale(1.2) translateZ(0);
  -webkit-transform: scale(1.2) translateZ(0);
  border-radius: 15%;
}

.card-product {
    cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-product:hover {
  transform: translateY(-8px);
}