.coluna{
    overflow: hidden;
    height: 300px; /*controle a altura do card aqui*/
    transition: width 0.5s ease;
}

.coluna:hover{
    width: 100%;
}

.saiba-mais{
    display: block;
    font-size: 12px; /*ajuste o tamanho do saiba mais aqui*/
    letter-spacing: 0;
    transition: 0.2s;
    color: #ffb000; /*ajuste a cor do saiba mais aqui*/
    position: relative;
    top: -20px; /*ajuste a posição do saiba mais aqui*/
}

.texto .elementor-image-box-description{
    opacity: 0;
    transition: 0.5s;
}

.texto{
    transform: translatey(165px); /*ajuste a posição dos textos aqui*/
    transition: 0.5s;
}

.coluna{
    padding:32px; /*ajuste o padding das colunas aqui*/
}

.coluna:hover .elementor-image-box-description{
    opacity: 1;
    transition: all 0.5s 0.5s;
    transform: translatey(-60px); /*ajuste a posição da descrição aqui*/
}

.coluna:hover .texto{
    transform: translatey(0)
}

.coluna:hover .saiba-mais{
    opacity: 0;
}

.coluna::before,
.coluna::after{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent, #000000); /*ajuste as cores do degradê aqui*/ 
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.coluna::after{
    background: linear-gradient(to bottom, #000000af, #000000); /*ajuste as cores do degradê no hover aqui*/ 
    opacity: 0;
}

.coluna:hover::after{
    opacity: 1;
}

.coluna *{
    z-index: 1;
}

.container-pai .texto .elementor-image-box-title{
    transition: 0.5s;
}

.container-pai:hover .texto .elementor-image-box-title{
    font-size: 20px !important; /*ajuste o tamanho do título dos elementos que não estão ativos no hover aqui*/
    transform: translatey(20px) /*ajuste a posição aqui*/
}

.container-pai:hover .texto .saiba-mais{
    transform: translatey(20px) /*ajuste a posição do saiba mais no hover aqui*/
}

.container-pai:hover .coluna:hover .texto .elementor-image-box-title{
    font-size: 40px !important; /*ajuste o tamanho do título dos elementos ativo no hover aqui*/
    transform: translatey(0px);
}

/*DISPOSITIVOS MÓVEIS*/
@media(max-width: 1024px){
    .container-pai{
        flex-wrap: wrap !important;
    }

    .coluna{
        width: 100% !important;
        height: 100px; /*controle a altura do card aqui*/
        transition: 0.5s;
        padding: 20px;
        display: flex;
        align-items: center;
    }
    
     .coluna:hover{
        width: 100% !important;
        height: 240px; /*controle a altura do card no hover aqui*/
    }
    
    .texto{
        transform: translatey(0px);
        transition: 0.5s;
    }
    
    .texto .elementor-image-box-title{
        display: flex;
        justify-content: space-between;
    }
    
    .coluna:hover .elementor-image-box-description{
        transform: translatey(-10px); /*ajuste a posição da descrição aqui*/
    }
    
    .saiba-mais{
        top: 0px;
    }
    
    .container-pai:hover .texto .saiba-mais{
        transform: translatey(0px)
    }
}