banner-img.html

    <style>
        #bannerimage {
            /* Only mess with this if there is white on the sides - Can lead to scrolling to the left */
            width: 103%;
            
            background-image: url(YOUR URL HERE);
            
            /* Play with this for a longer or shorter banner */
            height: 600px;
            
            /* Background color will appear if picture is unavailable (rare but considerate towards slow connections) */
            background-color: purple;
            
            /* Self-explanatory */
            background-position: center;
            
            /* Regards white spaces around the picture (kinda) - ask me more if you wanna mess with this */
            margin: -2%;
        }

        #motto {
            
            /* How low you want your text to be displayed */
            padding-top: 20%;
            
            /* Text color */
            color: white;
            
            /* You can check online what fonts are available - This always checks the person's computer for font1, then font2, etc.. */            
            font-family: 'Courier New', Courier, monospace;
        }
    </style>

    <div id="bannerimage">
        <center>
            <h1 id="motto">Hello</h1>

        </center>
    </div>