@media(min-width: 991px){
    .thumbnail-container.secondimage{
            position: relative;
        width: 100%; /* Ajusta según tus necesidades */
        height: auto;
        overflow: hidden;
    }
    .thumbnail-container.secondimage:hover picture:not(.secondimage){
        opacity: 0;
    }
    .thumbnail-container.secondimage:hover picture.secondimage{
        opacity: 1;
    }
    .thumbnail-container.secondimage picture.secondimage {
            position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
         transition: opacity 1s cubic-bezier(0.2, 0.01, 0.2, 1);
    }
    .thumbnail-container.secondimage picture:not(.secondimage){
            width: 100%;
        height: auto;
        transition: opacity 1s cubic-bezier(0.2, 0, 0.2, 1)
    }    
}