.about{
  align-items: center; 
  justify-content:space-between;
}

.about .leftContent{
  width:34%; 
  gap:40px; 
  z-index: 2;
}
.about .fluffyVector{
  max-width: 200px;
  width: 15%;
  top: 120px;
  left: -80px
}

.about .leftContent .title{
  gap: 24px; 
  display: flex;
}

.about h1{
  text-transform: uppercase; 
  margin: 0;
}

.about img{
  width: 40%;
  max-width: 720px;
}

.about .text{
  gap: 80px;
}

.about .paragraph{
  gap: 40px;
}
.about p{
  font-family: Ubuntu;
  font-weight: 200;
  font-size: 21px;
  line-height: 140%;
  letter-spacing: 2%;
  opacity: 74%;

}

.about .contentStory {
  gap: 80px;
}
.about .contentStory .imgBox{
  width: auto;
  height: 720px;
  gap: 32px;
}
.about .contentStory .imgBox img.imgPom{
  width: 50%;
  object-fit: cover;
}
.about .contentStory .asideBox {
  width: 50%;
  gap: 32px;
}
.about .contentStory .asideBox img {
  width: 100%;
  height: 50%;
  object-fit: cover;
}

@media screen and (max-width: 770px) {
  .about img{
    width: 100%;
  }
  .about .contentStory .imgBox{
    height: auto;
    gap: 16px;
  }
  .about .content{
    gap: 56px !important;
  }
  .about .contentStory{
    flex-direction: column-reverse;
  }
  .about .contentStory .imgBox img.imgPom{
    width: 100%;
    height: 400px;
  }
  .about .contentStory .asideBox {
    width: 100%;
    gap: 16px;
  }
  .about .contentStory .asideBox img{
    height: 400px;
    width: 100%;
  }
}