Four templates of HTML responsive pages

The requirement is to develop 4 templates of responsive HTML pages to display in iframes with fixed aspect ratio. In this case responsive means that: • all elements on the page (images, text, graphics) must resize when the width of the iframe changes while maintaining their relative proportions and positions (the aspect ratio of the iframe does not change when the width changes). • The page layout does not change when switching to vertical screen devices, the width of the iframe simply becomes smaller. • It could be useful to structure a grid design now in anticipation of the client's request to modify the layout on the vertical devices but for now this is not required and the layouts of for vertical screens are not available. Attached images of layout of the templates and notes about requirements