This example demonstrates responsive scaling of an inline SVG graphic and an embedded iframe using CSS media queries. The SVG text element, styled with the Roboto font, is paired with an absolute-positioned iframe that sits behind it. Through breakpoints at various viewport widths, the code adjusts the SVG’s width and padding, along with the iframe’s dimensions, to maintain a consistent layout. It uses plain HTML, CSS, and inline SVG, with no external JavaScript libraries or data sources.