Thank you! For the animations I suggest reading up on the css animation property, it's how I animated everything on my profile

An example code I have is below

.profile_avatar {
    animation: float 3s infinite;
}

@keyframes float {
    0% { transform: translateY(-0.5rem); }
    50% { transform: translateY(0rem); }
    100% { transform: translateY(-0.5rem); }
}

.profile_avatar selects only the avatar in your profile card, and animation specifies the name, duration, and timing function of the animation, @keyframes [animation name] specifies which animation you'd like to specify the keyframes of, and the 0%, 50%, and 100% inside are the keyframes which made my profile avatar float
Of course more information about other animation properties are talked about in the w3schools link above so I highly recommend reading it