.products-wrapper .img-holder {
position: relative;
width: 100%;
padding-top: 75%; /* 4:3 aspect ratio */
overflow: hidden;
border-radius: 15px; /* Oval kenarlar için */
}

.products-wrapper .img-holder img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover;
transform: translate(-50%, -50%);
transition: transform 0.3s ease; /* Yumuşak geçiş efekti */
border-radius: 15px; /* Resimlerin kenarları da oval olsun */
}

.products-wrapper .img-holder:hover img {
transform: translate(-50%, -50%) scale(1.1); /* Zoom efekti */
}

.products-wrapper .img-holder .play-icon {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}