.bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 -webkit-mask-image: linear-gradient(to right, transparent 0%, black 55%); */
  mask-image: linear-gradient(to right, transparent 0%, black 55%);
  pointer-events: none; /* Чтобы не блокировать клики на изображении */
  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%);
    }
}