div.parallax_bg
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    background-image: url(../../jpg/biorelax-hero-sleep.jpg);
    height: 920px;
    width: 100%;
    margin: 3rem 0;
}

h1.parallax_bg_h1
{
    font-size: var(--middleFontSize);
    text-align: center;
}

@media only screen and (max-width: 500px)
{
    div.parallax_bg
    {
        height: 50vw;
        margin: 1.5rem 0;
    }
}