.hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url("https://oss.allintrip.cn/shanwentou/upfiles/onepage/bannerwh.png?x-oss-process=image/quality,q_85/format,jpg");
}

#media {
  flex-direction: column;
  height: auto;
}

#media .container {
  gap: 4rem;
  width: 100%;
}

.media-left {
  flex: 1;
}

.media-right {
  border: 5px solid #13aee9;
  padding: 0.5rem;
  width: 35%;
  overflow: hidden;
}

.media-right img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 1024px) {
  #media .container {
    flex-direction: column;
  }

  .film-works-container img {
    width: 100%;
  }

  .media-right {
    width: 100%;
  }
}