@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');

.split-overlay {
    position: relative;
    /* This should be added if not already present */
}


.split-overlay::before {
    content: "Artwork Courtesy of Josephine Wall";
    text-shadow: 0 0 10px #000;
    position: absolute;
    /* Changed to absolute to move with the element */
    top: 99%;
    /* Position it near the bottom of its container */
    /* left: 9px; */
    left: 95%;
    /* Push it out from the left side a bit */
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: left top;
    /* color: rgb(203, 202, 202); */
    color: #ffffff;
    font-family: 'Bad Script', cursive;
    font-size: 1.20em;
    white-space: nowrap;
    z-index: 1020;
}


@media only screen and (max-width: 990px) {
    .split-overlay::before {
        font-size: 1.2em;
        left: 97%;
    }

}


@media only screen and (max-width: 420px) {
    .split-overlay::before {
        font-size: 1.2em;
        left: 95%;
    }

}