<div class="wrapper">
  <div class="music">
    <i class="fas fa-user"></i>
    <i class="fas fa-circle overlay"></i>
    <i class="fas fa-circle head"></i>
  </div>
</div>

.wrapper {
  color: #ffcc33;
  display: grid;
  grid-template-areas:
    ". a a ."
    ". a a .";
  grid-auto-rows: 50vh;
  background-color: #1976d2;
}

.music {
  grid-area: a;
  display: grid;
  padding: 12vw;
  font-size: 35vw;
  max-height: 35vw;
  background: #000;
  align-self: center;
  border-radius: 1vw;
  justify-self: center;
  box-shadow: 2vw 1vw 7vw 0 rgba(0, 0, 0, 0.75);
}

.overlay {
  left: 6vw;
  top: -36vw;
  color: #000;
  font-size: 19vw;
  position: relative;
}

.head {
  top: -53vw;
  left: 5.8vw;
  font-size: 19vw;
  position: relative;
  animation: move .68s cubic-bezier(.46,.03,.52,.96) infinite;
}

@keyframes move {
  0%, 100% {
    top: -55vw;
  }
  50% {
    top: -53vw;
  }
}