.main {
  margin-top: var(--nav-height);
  position: relative;
}

.phones {
  margin-top: var(--space-medium);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 750px;
  position: relative;
}

.phone__01 {
  position: absolute;
  z-index: 2;
  transition:
    transform var(--transition)
  ;
}

.phone__02 {
  position: absolute;
  z-index: 3;
}

.phone__03 {
  position: absolute;
  z-index: 1;
  transition:
    transform var(--transition)
  ;
}

@media (max-width: 720px) {
  .phones {
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 1em 0 2.75em 0;
  }

  .phones img {
    max-width: none;
    width: auto;
  }

  .phone__01,
  .phone__03 {
    display: none;
    transform: none !important;
    transition: none;
  }

  .phone__02 {
    position: relative;
  }

  .phone__02 img {
    height: clamp(410px, 94vw, 540px);
  }
}

@media (max-width: 380px) {
  .phones {
    padding-bottom: 2.5em;
  }

  .phone__02 img {
    height: 400px;
  }
}