<div class="parent">
  <div class="ratio-box"></div>
  <div class="child">Phần tử này luôn có kích thước là 16/9</div>
</div>

.parent {
  width: 700px;
  max-width: 100%;
  position: relative;
}

.ratio-box {
  width: 100%;
  padding-top: 56.25%;
}

.child {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: green;
  color: white;
  font-weight: bold;
}