JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<iframe src="https://forms.crowdnewsroom.org/seefeld/seefeld-ex-post/slide0" style="width: clamp(320px, 775px, 100%); overflow: hidden" frameBorder="0" scrolling="no">

CSS

iframe {
 height: calc(1900px - 2 * 100vw); 
  position: absolute;
  top: 50%; right: 50%;
  transform: translate(50%,-50%);
  margin-top: 150px;
}

@media screen and (min-width: 475px) {
iframe {
height: calc(2100px - 2 * 100vw);
}
}


@media screen and (min-width: 575px) {
iframe {
height: 885px;
}
}

@media screen and (min-width: 760px) {
iframe {
height: 1050px;
}
}