#banner {
    background-color: rgb(218, 23, 23);
    text-align: right;
}

header {
    background-image: url(bannerBackground.png);
    background-repeat: no-repeat; /* Do not repeat the image */
    color: white;
    background-size: contain; /* Resize the background image to cover the entire container */
    max-width: 100%;
    height: auto;
    width: auto
    /*Comments: You may use your own image from local. Go to W3schools : CSS : CSS Image-Sprites for
more image from CSS. (https://www.w3schools.com/css/css_image_sprites.asp ) You may use other
format like below: background-position:left-side; */
}

#banner h1 {
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0);
}

#banner h2.author {
    color: rgb(255, 255, 255);
}

#banner p.homepage {
    background-color: white;
}