.iframe-container{
    position: relative;
    width: 47%;
    padding-bottom: 29%; 
    height: 0;
  }
  .iframe-container iframe{
    position: absolute;
    top:0;
    left: 0;
    margin-right: 10px;
    width: 100%;
    height: 100%;
  }
  
  @media only screen and (max-width:800px) {
    .iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 50%; 
    height: 0;
  }
  .iframe-container iframe{
    position: absolute;
    top:0;
    left: 0;
    margin-right: 10px;
    width: 100%;
    height: 100%;
  }
}