h1,
h2,
h3,
h4,
h5,
h6 {
    &[data-background-title] {
        z-index: 0;
        &::before {
            content: attr(data-background-title);
            display: block;
            color: #F5F5F5;
            font-size: 50px;
            font-weight: bold;
            position: absolute;
            top: -30px;
            left: 0;
            right: 0;
            z-index: -1;
            text-transform: uppercase;
            @media(min-width: 550px) {
                font-size: 80px;
                top: -60px;
            }
            @media(min-width: 768px) {
                font-size: 120px;
            }
        }
    }
}