#favorites-grid {
    position: fixed;
    display: inline-block;
    width: 90vw;
    top: 14.7222222vh /*159px*/
}

#favorites-grid .favorite-element {
    position: fixed;
    width: 238.6px;
    height: 248.3px;
    border-radius: 2px;
    background-color: #000000;
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.45s ease-in-out;
}

#favorites-grid .favorite-element:hover {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 2;
}

#favorites-grid img {
    height: 100%;
    width: 100%;
}

#favorites-grid .favorite-element.active {
    /*outline-style: solid;*/
    /*outline-color: #f8e81c;*/
    /*outline-width: 0.1em;*/
    z-index: 1000;
    -webkit-transition: transform 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out;
    transform: scale(1.4);
    background-color: rgba(0, 0, 0, 0.17);
    box-shadow: 10px 10px 4px 0 rgba(0, 0, 0, 0.5);
}

#favorites-grid .favorite-element .info p {
    margin: 0.1em 0.1em 0.1em 0;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.87);
}

#favorites-grid .favorite-element .info .song {
    width: 16.4583333vw;
    font-size: 3.3vh;
    font-weight: bold;
}

#favorites-grid .favorite-element .info .artist-album {
    width: 16.4583333vw; /* 316px/2 */
    font-size: 2.2vh;
}

#favorites-0,
#favorites-1,
#favorites-2,
#favorites-3,
#favorites-4 {
    top: 238.1px;
}

#favorites-5,
#favorites-6,
#favorites-7,
#favorites-8,
#favorites-9 {
    top: 495.7px;
}

#favorites-0,
#favorites-5 {
    left: 336px;
}

#favorites-1,
#favorites-6 {
    left: 591.8px;

}

#favorites-2,
#favorites-7 {
    left: 843.5px;
}

#favorites-3,
#favorites-8 {
    left: 1094.3px;
}

#favorites-4,
#favorites-9 {
    left: 1345px;
}

@media only screen and (max-width: 1280px) {
    #favorites-grid .favorite-element {
        width: 12.427%;
        height: 23%;
    }

    #favorites-0,
    #favorites-1,
    #favorites-2,
    #favorites-3,
    #favorites-4 {
        top: 22%;
    }

    #favorites-5,
    #favorites-6,
    #favorites-7,
    #favorites-8,
    #favorites-9 {
        top: 45.9%;
    }

    #favorites-0,
    #favorites-5 {
        left: 17.1%;
    }

    #favorites-1,
    #favorites-6 {
        left: 30.82%;
    }

    #favorites-2,
    #favorites-7 {
        left: 43.93%;
    }

    #favorites-3,
    #favorites-8 {
        left: 57%;
    }

    #favorites-4,
    #favorites-9 {
        left: 70%;
    }
}