Thank you for your fast reply, David!
I have changed the padding-bottom to 60% and it looks better now, at least on a desktop. I noticed changing the padding-top doesn’t make any difference, but it’s quite ok now. I have used this CSS now:
.iframe {
position: relative;
padding-bottom: 60%;
padding-top: 25px;
height: 0;
}
.iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Is that correct or should I leave the second part out?
I will pass the StackOverflow link on to the producer of the content, although I think we can now live with the fact that the images can’t be enlarged ๐
Thaks again for the great support!