.container05 {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Distribui o espaço entre as imagens */
    padding: 0;
    margin: 0;
    min-height: 100vh; /* Opcional: define altura da tela inteira */

}

/* Imagem grudada na lateral esquerda */
.lateral-primeiro-fluxorama {
    object-fit: contain;
    width: 20%; /* Define a largura da primeira imagem */
    margin-left: 0; /* Garante que fique colada à esquerda */
    padding: 0;
}

/* Imagem centralizada */
.primeiro-fluxograma {
    object-fit: contain;
    width: 60%; /* Define a largura da segunda imagem */
    margin: 0 auto; /* Centraliza a imagem horizontalmente */
    padding: 0;
    display: block;
}

/* Responsividade para telas menores */

@media (max-width: 1199px) {
    .lateral-primeiro-fluxorama {
        width: 30%; /* Aumenta o tamanho da imagem lateral */
    }

    .primeiro-fluxograma {
        width: 50%; /* Ajusta o tamanho da segunda imagem */
    }
}

/* Responsividade: Quando a largura da tela for menor que 768px (tablets e smartphones) */
@media (max-width: 767px) {
    .container05 {
        flex-direction: column; /* Alinha os elementos em uma coluna em vez de em linha */
        justify-content: center; /* Centraliza os elementos verticalmente */
        align-items: center; /* Centraliza os elementos horizontalmente */
    }

    .lateral-primeiro-fluxorama {
        width: 80%; /* Ajusta o tamanho da imagem para ocupar mais espaço na tela menor */
        margin-bottom: 20px; /* Espaço entre as duas imagens */
    }

    .primeiro-fluxograma {
        width: 80%; /* Ajusta o tamanho da segunda imagem */
        margin: 0;
    }
}