/*
Theme Name: Biagiotti Child new
Theme URI: https://biagiotti.qodeinteractive.com
Template: biagiotti
Author: PRZ
Author URI: http://themeforest.net/user/mikado-themes
Description: A Contemporary Theme for Creative Business
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-menu,featured-images,flexible-header,post-formats,sticky-post,threaded-comments,translation-ready
Version: 3.2.1727453664
Updated: 2024-09-27 16:14:24

*/

.woocommerce ul.products li.product .secondary-image {
       display: none;
       position: absolute;
       top: 0;
       left: 0;
       transition: opacity 0.3s ease;
       opacity: 0;
       z-index: 1;
   }

   .woocommerce ul.products li.product:hover .secondary-image {
       display: block;
       opacity: 1;
	   z-index: 1;
   }

.qi-addons-product-slider .product-image {
    position: relative;
}

.qi-addons-product-slider .product-image img {
    display: block;
    width: 100%;
    transition: opacity 0.3s ease;
}

.qi-addons-product-slider .product-image .secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    opacity: 0;
    transition: opacity 0.3s ease;
}

.qi-addons-product-slider .product-image:hover .secondary-image {
    opacity: 1;
}

.qi-addons-product-slider .product-image:hover img:first-child {
    opacity: 0;
}