.news-hero {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
}

.hero-bg-image {
  position: absolute;
  object-fit: cover;
  z-index: 1;
  opacity: 0.35;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  /* .news-hero {
    height: 100px;
    overflow: visible;
  }

  .news-hero img {
    height: 100%;
    position: static;
    width: 100%;
  } */

  .news-hero {
    display: none;
  }
}