&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;VeloCat&lt;/title&gt;
    &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;style type=&quot;text/css&quot;&gt;
        body {
            font-family: &#039;Roboto&#039;, &#039;Open Sans&#039;, sans-serif;
            -webkit-font-smoothing: antialiased;
            text-align: center;
            width: 100%;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: &#039;Roboto&#039;, sans-serif;
        }

        #backgroundFrame {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 0;
            background-image: url(https://velocat.cc/images/Stelvio.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            /* background-attachment: fixed; removed for Android */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        .vc-logo {
            width: 30%;
            position: absolute;
            top: 20%;
            left: 35%;
        }

            .vc-logo img {
                width: 100%;
            }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id=&quot;backgroundFrame&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;vc-logo&quot;&gt;&lt;img src=&quot;https://velocat.cc/images/VeloCatLogo.svg&quot; /&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;