:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 80px;
height: 78px;
filter: drop-shadow(0 0 0.25rem rgba(128, 128, 128, 0.767));
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255, 255, 255, 0.877), rgba(255, 255, 255, 0.123), 40%, rgba(255,255,255,0.1) 0%, rgba(255, 255, 255, 0.678));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
background-size: contain;
position: absolute;
top: 1px;
left: -20px;
width: 70px;
height: 70px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transform-origin: 35px 35px;
transition: left ease 0.5s;
}
.profile-pic:hover:before {
    left:-30px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}