<div class="box hd">16：9</div>
<div class="box square">1：1</div>
<div class="box square">
  サイズ調整されます。サイズ調整されます。サイズ調整されます。サイズ調整されます。サイズ調整されます。
</div>

.box {
  width: 100px;
  background-color: lightblue;
}
.box + .box {
  margin-top: 20px;
}
.hd {
  aspect-ratio: 16 / 9;
}
.square {
  aspect-ratio: 1;
}