.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}

.googleform-wrapper {
  position: relative;
  width: 100%;
  height: 800px;
  overflow-y: scroll;
}


iframe[src^="https://docs.google.com/forms/d/e"]{
  width:100%;
}

.marker_pink {
background: linear-gradient(transparent 80%, pink 30%);
}
.marker_water {
background: linear-gradient(transparent 80%, #66ccff 30%);
}