<div class="row">
  <div class="box portrait">
    <p>1 / 2</p>
  </div>

  <div class="box square">
    <div />
    <p>1 / 1</p>
  </div>

  <div class="box landscape">
    <p>2 / 1</p>
  </div>
</div>

.row {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.box {
  align-items: center;
  background-color: rgb(19 78 74 / 0.1);
  display: flex;
  justify-content: center;
  width: 6rem;
}

.portrait {
  aspect-ratio: 1 / 2;
}

.square {
  aspect-ratio: 1 / 1;
}

.landscape {
  aspect-ratio: 2 / 1;
}