/*

.bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  mask-image: linear-gradient(to right, transparent 0%, black 55%);

  z-index: 1;
}


.blurry-image {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 55%); 
    mask-image: linear-gradient(to right, transparent 0%, black 55%);
}


@media screen and (max-width: 960px) {
    
    .blurry-image {
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 50%, transparent 100%);
        mask-image: linear-gradient(to bottom, transparent 0%, black 50%, transparent 100%);
    }
}*/