/* 主标题背景样式。放在原 styles.css 之后加载。 */
.hero {
  background-color: #173b63;

  /* 默认关闭淡化，直接显示图片。 */
  background-image: url('./assets/hero-city.jpg');

  /* 如需开启淡化：删除下面这一行前后的注释标记即可。
  background-image: linear-gradient(rgba(23, 59, 99, 0.8), rgba(23, 59, 99, 0.8)), url('./assets/hero-city.jpg');
  */

  background-size: cover;
  background-position: center 52%;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .hero {
    background-position: center center;
  }
}