.marquee-title {
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
}

.marquee-title h1{
  font-size: 2.2em;
  letter-spacing: 0.05em;
  font-weight: 700;
  color:#fff;
  z-index: 9;
  position: relative;
  text-transform: uppercase;
}

.marquee-title:after{
  content: '';
  display: block;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);
  width: 100%;
  height: 100%;
  position:absolute;
  bottom:0;
  left: 0;
  z-index: 0;
}

@media (max-width: 756px){
  .marquee-title h1{
    font-size: 1.5em;
    line-height: 1.5em;
  }
}