star'n'spark welding

by Noir Noir

HTML

<div class="image">
  <img src="https://image.shutterstock.com/image-illustration/golden-star-3d-render-260nw-716345209.jpg" alt=""/>
  <img src="https://i.gifer.com/Z9pp.gif" alt="" class="spark">
</div>

CSS

.spark {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  animation: move  16s infinite ease-in-out;
}
.image {
  position: relative;
}
@keyframes move {
  from {top: -47px; left: 52px;}
  10% {top: 23px; left: 30px;}
  20% {top: 28px; left: -60px;}
  30% {top: 80px; left: 8px;}
  40% {top: 167px; left: -17px;}
  50% {top: 121px; left: 52px;}
  60% {top: 162px; left: 126px;}
  70% {top: 85px; left: 103px;}
  80% {top: 32px; left: 163px;}
  90% {top: 32px; left: 84px;}
  to {top: -47px; left: 52px;}
}