
.bloco {
    padding-top: 80px;
    .line{
        /* Linha */
        width: 100%;
        border-top: 1px solid #A1A1A1;
        opacity: 23%;
    }
    /* Estilos para o bloco inteiro */
    display: flex;
    flex-direction: column;
    gap: 40px;
    .texto{
        padding-right: 10%;
        /* Estilos para o texto do bloco */
        h2{
            margin-bottom: 20px;
        }
    }
    .main{
        display: flex;
        flex-direction: row;
        gap: 20px;
        div{
            width: 50%; /* Distribui o resto do espaço igualmente*/
            flex-shrink: 0; 
        }
        .img-container{
            display: flex;
            flex-direction: column;
            /* justify-content: space-between; */
            img{
                /* Estilos para os imagens dentro do bloco */
                max-width: 100%;
                height: auto;
                aspect-ratio: 16 / 9;
                object-fit: cover;
            }
            .rectangle-image{
                aspect-ratio: 4 / 5;
            }
            span{
                /* Estilos para os créditos das imagens */
                align-self: flex-end;
                font-weight: bold;
            }
        }
    }
}

@media (max-width: 992px) { /* Ajusta o valor conforme necessário */
    /* Layout Coluna */
    .bloco {
        flex-direction: column;
        .texto{
            padding-right: 0;
        }
        .main{
            flex-direction: column;
            div{
                width: 100%;
            }
        }
    }
    
}

