.ranking {
  display: flex;
  flex-direction: column;
  gap: 5vw;
  padding-block: 9.5vw 15vw;
}
.ranking__div > iframe {
  aspect-ratio: 455 / 272;
  height: auto;
  width: 100%;
}
.ranking__left {
  display: flex;
  flex-direction: column;
  gap: 5vw;
}

@media (min-width: 1199.98px) {
  .ranking {
    flex-direction: row;
    gap: 3.5vw;
    padding-block: 5vw 10vw;
  }
  .ranking__left,
  .ranking__right {
    width: 100%;
  }
  .ranking__left {
    gap: 3.5vw;
    width: 50vw;
  }
}

@media (min-width: 1599.98px) {
  .ranking {
    gap: 2.5vw;
  }
}

@media (min-width: 1919.98px) {
  .ranking {
    padding-bottom: 7.5vw;
  }
}

@media (min-width: 2099.98px) {
  .ranking {
    padding-block: 3vw 5vw;
  }
}