album + spinning cd music player

<style>
lol {
}
lol, .img2 { /* album's cover image u can change the size! */
position: relative;
left: -11px;
width: 45px;
height: 45px;
background-color: #ffe0f4;
color: black;
z-index: 999;
border: 1px dashed #e898c2;
filter: drop-shadow(0px 0px 0.1em #2d7bbc);
box-shadow: inset 13px 0px 6px -10px rgb(191 117 149 / 56%), inset -13px 0px 6px -10px rgb(191 117 149 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(191 117 149 / 38%);
border-radius: 3px;
}

.img1 { /* cd image u can change the size too */
position: relative;
left: -35px;
z-index: 800;
border: 1px dotted #e898c2;
border-radius: 100%;
filter: drop-shadow(0px 0px 0.1em #2d7bbc);
-webkit-animation: spin 2s linear infinite;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
.img1:hover { /* this makes the cd stop spinning when hovering! */
-webkit-animation: pop 0.3s ease;
}
</style>
<body>
<div id="lol"><img class="img2"src="https://cdn.discordapp.com/attachments/851155413831254076/1250326068351467600/Minisode1_-_Blue_Hour.jpg?ex=666a8864&is=666936e4&hm=872ee7d058944d80d55a34d714eba5e3e3bead36799989201d1924862005c553&"><img class="img1" src="https://dl.dropbox.com/scl/fi/r72bo87dta1m08lwv3ejb/cd.png?rlkey=4bvhnqwqvr3d6wgbwre1ki64c&st=46kcz4se&dl=0" width="auto" height="45px"></div>
<script>
document.getElementById("lol").onclick = function() {
var audio = document.getElementById("audio");
if (audio.paused) audio.play();
else audio.pause();
};
</script>
<audio id="audio" src="https://dl.dropbox.com/scl/fi/uvridqf9pdkuxv58gy1t5/.mp3?rlkey=udictrkgjypbkjuxjq6dhrva0&st=qunpukzj&dl=0"></audio>
</body>