.peers-page .phone-gallery {
  width: 92%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.peers-page .phone-gallery.two-up {
  width: min(70%, 760px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.peers-page[data-layout="tabs"] .phone-gallery .tab-media-frame {
  height: 420px;
  min-height: 420px;
  max-height: 420px;
  background: #f7f8f9;
}

body.peers-page[data-layout="tabs"] .phone-gallery .tab-media-frame img {
  width: 100%;
  height: 420px;
  max-width: 100%;
  max-height: 420px;
  object-fit: contain;
}

.peers-page[data-layout="tabs"] #tab-panel-iterate .editorial-pair .tab-media-frame {
  height: 420px;
  min-height: 420px;
  max-height: 420px;
  background: #f7f8f9;
}

body.peers-page[data-layout="tabs"] #tab-panel-iterate .editorial-pair .tab-media-frame img {
  width: 100%;
  height: 420px;
  max-width: 100%;
  max-height: 420px;
  object-fit: contain;
}

.peers-page .research-metrics {
  margin-top: 1.15rem;
}

.peers-page .video-section {
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
}

.peers-page .video-section .media-frame {
  display: block;
  width: min(86%, 920px);
  margin: 1rem auto 0;
}

@media (max-width: 900px) {
  .peers-page .phone-gallery,
  .peers-page .phone-gallery.two-up {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .peers-page .phone-gallery,
  .peers-page .phone-gallery.two-up {
    grid-template-columns: 1fr;
  }

  .peers-page[data-layout="tabs"] .phone-gallery .tab-media-frame {
    height: 480px;
    min-height: 480px;
    max-height: 480px;
  }

  body.peers-page[data-layout="tabs"] .phone-gallery .tab-media-frame img {
    height: 480px;
    max-height: 480px;
  }

  .peers-page[data-layout="tabs"] #tab-panel-iterate .editorial-pair .tab-media-frame {
    height: 480px;
    min-height: 480px;
    max-height: 480px;
  }

  body.peers-page[data-layout="tabs"] #tab-panel-iterate .editorial-pair .tab-media-frame img {
    height: 480px;
    max-height: 480px;
  }

  .peers-page .video-section .media-frame {
    width: 100%;
  }
}