.hero {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)), url(/img/sheet-music2.jpg);
    background-position: center top;
    background-size: cover;
    color: #FFFFFF;
    color: var(--text-bright-color);
    text-align: center;
    padding-bottom: 40px;
}