/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Hello Elementor Child Theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

.custom-prod-img-wrapper {
position: relative;
width: 100%;
/* Тук задаваш пропорцията. 3/4 е идеално за дрехи/бански. Ако искаш квадрат, направи го 1/1 */
aspect-ratio: 3/4;
overflow: hidden;
display: block;
}

.custom-prod-img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover; /* Изрязва интелигентно, без да сплесква */
object-position: center top;
position: absolute;
top: 0;
left: 0;
transition: opacity 0.4s ease-in-out;
}

/* Главната снимка стои отдолу */
.custom-prod-img-wrapper .main-img {
z-index: 1;
}

/* Втората снимка (hover) стои отгоре, но е прозрачна по подразбиране */
.custom-prod-img-wrapper .hover-img {
opacity: 0;
z-index: 2;
}

/* При посочване с мишката, втората снимка става видима */
.custom-prod-img-wrapper:hover .hover-img {
opacity: 1;
}