iframe {
  border: 0;
  flex: 0 1 49%;
  max-width: 24.5rem;
  height: 37.5rem; 
  overflow: auto;
}

.iframeContainer{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 800px) {
  .iframeContainer{
    overflow: hidden;
  }
  iframe {
    min-width: 55%;
    max-width: 5rem;
  }
}

@media (max-width: 700px) {
  iframe {
    min-width: 70%;
  }
}

@media (max-width: 600px) {
  iframe {
    min-width: 90%;
  }
}

@media (max-width: 500px) {
  iframe {
    min-width: 100%;
  }
}