.product-img-wrapper {
    position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden; /* Para garantir que as imagens não ultrapassem o container */
	transition: all 0.3s;
}

.product-img-wrapper img {
    width: 100%;
    max-height: 100%;
    transition: opacity 0.3s; 
    object-fit: cover; /* Para garantir que as imagens preencham o espaço do container */
}

.product-img-wrapper img.primary-image {
    z-index: 1; /* Deixe a imagem principal por cima por padrão */
}

.product-img-wrapper img.secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2; /* Coloque a imagem secundária acima da principal quando ela aparece */
}

.product-img-wrapper:hover img.primary-image {
    opacity: 0;
}

.product-img-wrapper:hover img.secondary-image {
    opacity: 1;
}
.product-img-caption {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}
/* Efeito Entrar */
.product-img-wrapper.transition-entrar .secondary-image {
    opacity: 0;
    transform: translateX(-100%);
}

.product-img-wrapper.transition-entrar:hover .secondary-image {
    opacity: 1;
    transform: translateX(0);
}

/* Efeito Sair */
.product-img-wrapper.transition-sair .primary-image {
    transform: translateX(0);
}

.product-img-wrapper.transition-sair:hover .primary-image {
    transform: translateX(-100%);
}

/* Efeito Zoom In */
.product-img-wrapper.transition-zoom-in .primary-image {
    transform: scale(1);
    transition: transform 0.3s;
}

.product-img-wrapper.transition-zoom-in:hover .primary-image {
    transform: scale(1.1);
}

.product-img-wrapper.transition-zoom-in .secondary-image {
    transform: scale(1.1);
    transition: transform 0.3s;
}

.product-img-wrapper.transition-zoom-in:hover .secondary-image {
    transform: scale(1);
}

/* Efeito Zoom Out */
.product-img-wrapper.transition-zoom-out .primary-image {
    transform: scale(1);
    transition: transform 0.3s;
}

.product-img-wrapper.transition-zoom-out:hover .primary-image {
    transform: scale(0.9);
}

.product-img-wrapper.transition-zoom-out .secondary-image {
    transform: scale(0.9);
    transition: transform 0.3s;
}

.product-img-wrapper.transition-zoom-out:hover .secondary-image {
    transform: scale(1);
}


/* Efeito Fade */
.product-img-wrapper.transition-fade .secondary-image {
    opacity: 0;
}

.product-img-wrapper.transition-fade:hover .primary-image {
    opacity: 0;
}

.product-img-wrapper.transition-fade:hover .secondary-image {
    opacity: 1;
}

/* Efeito Slide */
.product-img-wrapper.transition-slide .primary-image {
    transform: translateY(0);
}

.product-img-wrapper.transition-slide:hover .primary-image {
    transform: translateY(-100%);
}