<div class="head">
    <img src="https://drive.google.com/uc?export=view&id=1zIHFcFRZWY_gccnDeu8rCHFQKPSQlYai" alt="頭のイメージ">
</div>

<div class="body">
    <img src="https://drive.google.com/uc?export=view&id=1FvyXEQ4tS-o9JUdSGLg00y9e-DfStQV3" alt="体のイメージ">
</div>
/* 頭をフリフリアニメーション */
.head {
  transform-origin: center bottom;
  animation: furifuri 2s infinite;
}
@keyframes furifuri {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(0deg);}
  51% {transform: rotate(5deg);}
  99% {transform: rotate(5deg);}
  100% {transform: rotate(0deg);}
}

/* その他のスタイル */
.head {
  display: inline-block;
}
.body {
  transform: translate(25px, -90px);
  position: relative;
  z-index: -1;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.