Mobile Devices and more

[strawbs]

haven't been on here in ages,
but i'm trying to have my form responsive
but everytime i try and make it responsive in iframe
the form turns to blocks like so..... how can i fix this?????

here's my code

<div style="padding-bottom:56.25%; position:relative; display:block; width: 100%">
  <iframe width="100%" height="100%"
    src="https://coolvibes-reloaded.com/ReqForm/form.html"
    frameborder="0" allowfullscreen="" style="position:absolute; top:0; left: 0">
  </iframe>
</div>

i spoke to chatgpt didn't get anywhere