.about{
   width:90%;
   height: 100%;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items:center;
   gap: 3vw;
}

@media (max-width: 850px)  and (min-width: 420px) {
  .about{
    width: 100%;
    flex-direction: column;
  }
}

@media (max-width: 419px) {
  .about{
    width: 100%;
    flex-direction: column;
    
  }

}

.about__Image{

   max-inline-size: 100%;
    width: 30%;
    border-radius: 15%;
    aspect-ratio: 1;
    animation: slideInFromLeft 2s ease-out;
}

.about__Subdivision {

    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 1vh;
    animation: slideInFromRight 2s ease-out;
}


.about__Text{
   margin: 0;
   text-align: center;
   color: #FFF8DC; 
   line-height: 1.5rem;
   font-size: 1.2rem;
}

@media (max-width: 419px) {
  .about__Subdivision{
    width: 62%;
  
  }
  .about__Text{
    font-size: 1rem;
  }
   
 }

@media (max-width: 850px) and (max-height:786px) {
      .about__Subdivision{
        width: 90%;
      }  
      .about__Text{
          font-size: 1rem;
         
        }
}
@keyframes slideInFromLeft {
   0% {
     transform: translateX(-100%);
   }
   100% {
     transform: translateX(0);
   }
 }

 @keyframes slideInFromRight {
   0% {
     transform: translateX(100%);
   }
   100% {
     transform: translateX(0);
   }
 }