.container07 {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Distribui o espaço entre as imagens */
  padding: 0;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 20px;
}

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

/* Imagem centralizada */
.terceiro-fluxograma {
  object-fit: contain;
  width: 55%; /* 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-terceiro-fluxorama {
    width: 30%; /* Aumenta o tamanho da imagem lateral */
  }

  .terceiro-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) {
  .container07 {
    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-terceiro-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 */
  }

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