.main-album-background {
    height: 250px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0.00, rgb(255 255 255)), color-stop(1.00, rgb(255 255 255 / 0%)));
}

.main-music-container {
    position: relative;
    text-align: center;
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.main-music-container .music {
    width: 300px;

    height: 200px;

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;
}

.main-music-container .music .bar {
    width: 12px;

    border-radius: 10px;

    background: white;

    animation: loader 1.5s ease-in-out infinite;
}

@keyframes loader {

    0%,
    100% {
        height: 2px;
    }

    50% {
        height: 80px;
    }
}

.main-music-container .music .bar:nth-child(1) {
    background: purple;

    animation-delay: 1s;
}

.main-music-container .music .bar:nth-child(2) {
    background: crimson;

    animation-delay: 0.8s;
}

.main-music-container .music .bar:nth-child(3) {
    background: deeppink;

    animation-delay: 0.6s;
}

.main-music-container .music .bar:nth-child(4) {
    background: orange;

    animation-delay: 0.4s;
}

.main-music-container .music .bar:nth-child(5) {
    background: gold;

    animation-delay: 0.2s;
}

.main-music-container .music .bar:nth-child(6) {
    background: gold;

    animation-delay: 0.2s;
}

.main-music-container .music .bar:nth-child(7) {
    background: orange;

    animation-delay: 0.4s;
}

.main-music-container .music .bar:nth-child(8) {
    background: deeppink;

    animation-delay: 0.6s;
}

.main-music-container .music .bar:nth-child(9) {
    background: crimson;

    animation-delay: 0.8s;
}

.main-music-container .music .bar:nth-child(10) {
    background: purple;

    animation-delay: 1s;
}



/* --- */