<div class="loader">
 <div class="dot-one"></div> 
 <div class="dot-two">-  -</div> 
 <div class="dot-three"></div> 
</div>
<style>
/* From Uiverse.io by Rkyz - Tags: animation, loader, animal */
.loader {
  height: 50px;
  width: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.dot-two {
  background-color: black;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  padding: 4px;
  color: white;
}

.dot-one,
.dot-three {
  background-color: black;
  height: 30px;