.about {
  background-color: var(--color-web-background);
  padding: var(--section-padding-vertical) 0;
}

.about-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3vw;
  padding: 0 8vw;
}

.about-image {
  width: 16vw;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 0.5rem;
  box-shadow: 0 0.4vw 1.2vw rgba(29, 29, 27, 0.3);
}

.about-image:first-of-type {
  transform: rotate(-6deg) translateY(-1vw);
}

.about-image:last-of-type {
  transform: rotate(6deg) translateY(-3vw);
}

.about-images-mobile {
  display: none;
}

.about-text {
  max-width: 40vw;
  padding: 2vw 2.5vw;
  text-align: justify;
  font-size: 1.25vw;
  background-color: #ffffff;
  border-radius: 0.6rem;
  box-shadow: 0 0.3vw 0.9vw rgba(29, 29, 27, 0.2);
}