Simply configure the ratio width and height values and drop any content images, videos, iframes, cards, or custom widgets inside the block's content placeholder. The box will always maintain the correct proportions regardless of screen size.

Key Features

• Fully configurable aspect ratio — any width:height combination
• Works with any content — images, videos, iframes, cards, custom widgets
• Zero JavaScript — pure CSS implementation
• Fixed width with pixel-perfect proportions
• Configurable background color
• Configurable border radius
• Configurable overflow behavior
• Lightweight — no performance impact
• No external libraries or CDN required
• Mobile compatible