<div class="wrapper">
    <svg width="200" height="200">
         <circle cx="80" cy="80" r="80" fill="black" />
        <circle class="bounce" cx="80" cy="55" r="15" fill="#e52e71" />
        <rect x="65" y="80" width="28" height="50" fill="#ff8a00" />
    </svg>
</div>
.wrapper {
    margin: 2em;
    display: flex;
    justify-content: center;
}

@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, -15px, 0);
    }
}

.bounce {
    animation: bounce 0.4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.