@media screen and (max-width: 1270px) {
  content-container {
    flex-direction: column;
  }

  news-content {
    width: 100%;
  }

  other-news {
    width: 100%;
    text-align: center;
  }
  .newsTitle {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .newsContentContainer img {
    aspect-ratio: 3 / 2;
    height: unset;
  }
  .otherNewsContainer {
    overflow-y: auto;
    max-height: 450px;
  }

  .otherNewsDesc {
    width: 100%;
  }
}