.formatto-about-image {
  --formatto-about-side-padding: 20rem;

  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 var(--formatto-about-side-padding);
  background: var(--color-background);
}

.formatto-about-image__frame {
  position: relative;
  flex: 0 0 79.75rem;
  width: 79.75rem;
  height: 28.0625rem;
  margin: 0;
  overflow: hidden;
  border-radius: 2rem;
}

.formatto-about-image__media {
  position: absolute;
  left: -0.125rem;
  top: -3.25rem;
  width: 79.875rem;
  height: 44.5625rem;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

.formatto-about-image__frame::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: rgba(0, 135, 213, 0.02);
}

@media (max-width: 112.5rem) {
  .formatto-about-image {
    --formatto-about-side-padding: 16rem;
  }
}

@media (max-width: 105rem) {
  .formatto-about-image {
    --formatto-about-side-padding: 12.5rem;
  }
}

@media (max-width: 100rem) {
  .formatto-about-image {
    --formatto-about-side-padding: 10rem;
  }
}

@media (max-width: 90rem) {
  .formatto-about-image {
    --formatto-about-side-padding: 5rem;
  }
}

@media (max-width: 85.375rem) {
  .formatto-about-image {
    --formatto-about-side-padding: 2rem;
  }
}

@media (max-width: 80rem) {
  .formatto-about-image {
    --formatto-about-side-padding: 0;
  }
}

@media (max-width: 64rem) {
  .formatto-about-image {
    padding-inline: 2rem;
  }

  .formatto-about-image__frame {
    flex-basis: calc(100% - 4rem);
    width: calc(100% - 4rem);
    height: auto;
    aspect-ratio: 1276 / 449;
    border-radius: 1.5rem;
  }

  .formatto-about-image__media {
    left: -0.157%;
    top: -11.581%;
    width: 100.157%;
    height: 158.797%;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .formatto-about-image {
    padding: 0 5vw;
  }

  .formatto-about-image__frame {
    flex-basis: 91.047916vw;
    width: 91.047916vw;
    height: 32.038021vw;
    border-radius: 2.283334vw;
  }

  .formatto-about-image__media {
    left: -0.142944vw;
    top: -3.710123vw;
    width: 91.190861vw;
    height: 50.879955vw;
  }
}

@media (max-width: 47.9375rem) {
  .formatto-about-image {
    padding-inline: 5vw;
  }

  .formatto-about-image__frame {
    flex: 0 0 90vw;
    width: 90vw;
    height: 42vw;
    border-radius: 1rem;
  }

  .formatto-about-image__media {
    left: -5%;
    top: -16%;
    width: 110%;
    height: 172%;
  }
}