.hover-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.image-hover-effect-w-industria {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../img/txn-industria-b2b2-integracoes.png") center / cover no-repeat;
    overflow: hidden;
}

/* Container do mosaico */
.mosaic {
    position: absolute;
    inset: 0;
    z-index: 2;
}

/* Cada peça */
.mosaic-tile {
    position: absolute;
    background-image: url("../img/txn-industria-b2b2.png");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.image-hover-effect-h {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 3;
    color: beige;
    font-size: 40px;
    text-shadow: 0 5px 17px rgba(87, 87, 80, 0.85);
}