.hero {
  position: relative;
  padding: 100px 0px;
  background-image: linear-gradient(
      270deg,
      rgba(33, 33, 33, 0.8) 0%,
      rgba(33, 33, 33, 0.95) 100%
    ),
    url(/imageserver/UserMedia/customhmimp/2022/roof-bg-3.jpg);
  color: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  text-align: center;
}