@media (max-width: 1279px){
  .about-container{
    height: 100%;
  }
  .row-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 4vw 29vw;
    padding: 1vw 0vw;
  }
  .row-content img{
    position: relative;
    width: 40vw;
  }
  .row-desc{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .row-desc h1{
    color: #fff;
    font-size: 4.5vw;
    margin: 1vw 0vw;
  }
  .row-desc p{
    color: #fff;
    font-size: 2vw;
    padding: 0 1vw;
  }
  @keyframes animate 
  {
    0%
    {
      transform: translateY(-10vh) scale(0.5); 
    }
    100%
    {
      transform: translateY(1279vh) scale(2); 
    }
  }
}
@media (max-width: 900px){
  .about-container{
    height: 100%;
    padding-bottom: 20vw;
  }
  .row-content{
    display: flex;
    flex-direction: column;
    margin: 4vw 18vw;
    padding: 2vw 0vw;
  }
  .row-content img{
    position: relative;
    width: 60vw;
  }
  .row-desc{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .row-desc h1{
    color: #fff;
    font-size: 6vw;
  }
  .row-desc p{
    color: #fff;
    font-size: 4vw;
    padding: 0 3vw;
  }
}
@media (max-width: 480px){
  .about-row-box{
    display: flex; flex-direction: column;
    gap: 6.25vw;
    margin-top: 6vw;
  }
  .row-content{
    margin: 0 10vw;
  }
  .row-content img{
    width: 100%;
    padding: 0 2vw;
  }
  .row-desc h1{
    font-size: 10vw;
    margin: 2vw 0;
  }
  .row-desc p{
    font-size: 6vw;
    width: 100%;
  }
}