/* Container das linhas */
.row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

/* Colunas */
.col {
    flex: 1;
}

/* Títulos das imagens */
.img-title {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

/* Imagens grandes */
.img-full {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Separador */
.spacer-row {
    height: 20px;
}

/* MOBILE */
@media (max-width: 768px) {
    .row {
        flex-direction: column;
    }

    .col {
        width: 100%;
    }
}