Aspect Ratio Box Generator

/* Modern aspect-ratio property (Chrome 88+, Firefox 89+, Safari 15+) */
.aspect-ratio-box {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 800px;
  min-width: 200px;
  overflow: hidden;
  position: relative;
}

.aspect-ratio-box > * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

<div class="aspect-ratio-box">
  <img src="your-image.jpg" alt="Description" />
</div>