.container{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   margin-top: 5rem;
}

.parte1, .parte2{
   display: flex;
   align-items: center;
   justify-content: space-around;
   width: 90%;
   margin: 1rem;
   padding: 1rem;
   background-color: #E4BAFE;
   border-radius: 1rem;
}

.parte1 img, .parte2 img{
   width: 20%;
   border-radius: 100%;
}

.texto{
   width: 50%;
   padding: 0.5rem;
}

/* inicio responsividade */
@media (max-width: 630px){
   .parte1 {
      flex-direction: column-reverse;
   }

   .parte2 {
      flex-direction: column;
   }

   .texto{
      width: 90%;
      text-align: justify;
   }
}