如何在HTML/CSS的tiles列表中获取16:9比例的所有子项

.tiles-container {
  width: 100%;
  height: 100%;
}

.tile-item {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.tile-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

<div class="tiles-container">
  <div class="tile-item">
    <div class="tile-content">
      <!-- 子项内容 -->
    </div>
  </div>
  <div class="tile-item">
    <div class="tile-content">
      <!-- 子项内容 -->
    </div>
  </div>
  <!-- 其他子项 -->
</div>