<div class="container">
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<script>
  $(".container span").draggable();
</script>

.container {
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: contrast(50);
  background: #fff;
}

.container span {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: red;
  border-radius: 50%;
  animation: goo 5s ease-in-out infinite;
  filter: blur(15px);
}

@keyframes goo {
  from {
    margin-left: 20px;
  }
  to {
    margin-left: -20px;
  }
}