#daily-song {
    position: relative;
    z-index: 1;
    height: 25em;
    * {
        text-align: center;
        vertical-align: middle;
    }
}   

#album-cover {
        width: 20em;
        position: absolute;
        left: 0em;
        top: 50%;
        transform: translateY(-50%);
}

#song-title {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    * {
        text-align: center;
        vertical-align: middle;
    }
}

.embeds div{
    position: absolute;
    right: 0em;
    top: 50%;
    transform: translateY(-50%);
}

#spotify-embed {
    top: 25%;
}

#youtube-embed{
    top: 75%;
}

#daily-song img {
    height:20em;
}

@media screen and (max-width: 768px) {
    #daily-song {
        height: 35em;
    }
    #album-cover {
        display: none;
    }
    #song-title {
        top:5em;
        width: 80%;
    }
    img {
        height: 10em;
    }
    #spotify-embed {
        position: absolute;
        right: 50%;
        top: 40%;
        transform: translate(50%, -50%);
    }
    #youtube-embed{
        position: absolute;
        right: 50%;
        top: 70%;
        transform: translate(50%, -50%);
    }
}

.background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    filter: brightness(0.5);
    z-index: 0;
}