.pwr-content-hor-mask {
    --content-vert-gradient-alpha-mask-image: linear-gradient(to right,
        rgba(0, 0, 0, 0) 0%, 
        rgba(0, 0, 0, 0.002) calc(0.018 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.008) calc(0.048 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.021) calc(0.09 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.042) calc(0.139 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.075) calc(0.198 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.126) calc(0.27 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.194) calc(0.35 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.278) calc(0.435 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.382) calc(0.53 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.541) calc(0.66 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.738) calc(0.81 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.87) calc(0.9 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.95) calc(0.95 * var(--content-mask-width)),
        rgba(0, 0, 0, 1) var(--content-mask-width),
        rgba(0, 0, 0, 1) calc(100% - var(--content-mask-width)),
        rgba(0, 0, 0, 0.95) calc(100% - var(--content-mask-width) + 0.05 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.87) calc(100% - var(--content-mask-width) + 0.1 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.738) calc(100% - var(--content-mask-width) + 0.19 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.541) calc(100% - var(--content-mask-width) + 0.34 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.382) calc(100% - var(--content-mask-width) + 0.47 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.278) calc(100% - var(--content-mask-width) + 0.565 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.194) calc(100% - var(--content-mask-width) + 0.65 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.126) calc(100% - var(--content-mask-width) + 0.73 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.075) calc(100% - var(--content-mask-width) + 0.802 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.042) calc(100% - var(--content-mask-width) + 0.861 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.021) calc(100% - var(--content-mask-width) + 0.91 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.008) calc(100% - var(--content-mask-width) + 0.952 * var(--content-mask-width)),
        rgba(0, 0, 0, 0.002) calc(100% - var(--content-mask-width) + 0.982 * var(--content-mask-width)),
        rgba(0, 0, 0, 0) 100%);
}

.pwr-content-hor-mask {
    mask-image: var(--content-vert-gradient-alpha-mask-image);
}

@media (min-width: 991px) {
    .pwr-content-hor-mask.disable-mask-desktop {
        mask-image:none;
    }
}
@media (max-width: 991px) and (min-width: 767px) {
    .pwr-content-hor-mask.disable-mask-small-desktop {
        mask-image:none;
    }
}

@media (max-width: 767px ) and (min-width: 575px) {
    .pwr-content-hor-mask.disable-mask-tablet {
        mask-image:none;
    }
}

@media (max-width: 575px ) {
    .pwr-content-hor-mask.disable-mask-mobile {
        mask-image:none;
    }
}