.about-us-block {
  color: var(--green);
  padding-top: max(6.25rem, 9.765625vw);
  padding-bottom: max(8.125rem, 12.8125vw);
}

.content-wrapper h2.about-us-block__subheadline {
  grid-column: 2 / span 12;
  margin-bottom: var(--s-md);
  text-align: center;
}

.about-us-block__text-icons {
  margin-bottom: max(4.8125rem, 8.671875vw);
}

.about-us-block__img-wrapper {
  grid-column: 3 / span 3;
  grid-row: 3 / span 3;
  aspect-ratio: 558/700;
}

.about-us-block__headline {
  grid-column: 7 / span 5;
  color: var(--light-green);
  align-self: flex-start;
  margin-bottom: max(2.5rem, 1.953125vw);
}

.about-us-block__description {
  grid-column: 7 / span 5;
  color: var(--light-green);
}

.content-wrapper a.about-us-block__pill-btn {
  grid-column: 10 / span 4;
  color: var(--light-green);
  align-self: flex-end;
  margin-top: max(1.9375rem, 3.4375vw);
}

.about-us-block__pill-btn .small-pill {
  mask-image: url("../../img/anchor-pill.svg");
}

.about-us-block__gallery-wrapper {
  grid-column: 1 / span 14;
  overflow-x: clip;
  position: relative;
  margin-top: var(--s-md);
}

.about-us-block__gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: max(1.206875rem, 2.664453125vw);
  transform: rotate(-2deg);
  transform-origin: top right;
  width: calc(100% + 2 * var(--grid-gap));
  position: relative;
  right: var(--grid-gap);
}

.about-us-block__gallery-img {
  aspect-ratio: 465/530;
  overflow: hidden;
  border-radius: max(0.3125rem, 1em);
}

@media (max-width: 1199.98px) {
  .about-us-block__img-wrapper {
    grid-column: 2 / span 4;
  }

  .content-wrapper a.about-us-block__pill-btn,
  .about-us-block__description,
  .about-us-block__headline {
    grid-column: 6 / span 8;
    padding-left: var(--grid-gap);
  }
}

@media (max-width: 767.98px) {
  .about-us-block__img-wrapper {
    margin-bottom: 3.125rem;
  }

  .content-wrapper a.about-us-block__pill-btn,
  .about-us-block__description,
  .about-us-block__headline,
  .about-us-block__img-wrapper {
    grid-column: 3 / span 10;
  }

  .content-wrapper a.about-us-block__pill-btn,
  .about-us-block__description,
  .about-us-block__headline {
    padding-left: 0;
  }



.about-us-block__gallery-wrapper {
  display: grid;
}

.about-us-block__gallery {
  justify-self: center;
  width: 180%;
  right: 0;
}

}

@media (max-width: 575.98px) {
  .content-wrapper a.about-us-block__pill-btn,
  .about-us-block__description,
  .about-us-block__headline,
  .about-us-block__img-wrapper {
    grid-column: 2 / span 12;
  }
}