body{ 
margin: 0;
background-color:#e6e7e8; 
white-space: nowrap;
}

.iframeWrap {position: relative;padding-bottom: 80%;height: 0;overflow: hidden;}
.iframeWrap iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}


@media screen and (max-width:828px){
body{
.class1{
top:250px

}
.class2{
top:250px;
left:220px
}

}

}


 iframe {
        width: 100%;
        height: 100%;
        border:none;
}

.base {
position: absolute;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 200vh;
 white-space: nowrap;
}

.class1{
top:0px;
position: absolute;
position: fixed;
display: flex;
  width: 20%;
  height:400vh;
border: solid 1px;
display: inline-block

}
 
.class2 {
position: absolute;
  flex-direction: column;
top:0;
left:305px;
width: 110%;
height:400vh;
display: inline-block
}