.stl_hori_center {
  display: flex;
  align-items: center;
}
.mask_bg_color {
  background-color:chocolate;
  background-image: linear-gradient(to right, rgba(0,0,0,0.3) , rgba(0,0,0,0.7) , rgba(0,0,0,0.3)) , url(../img/office-time.webp);
}
.stl_anim_content {
  margin: 20px auto;
}
.wave {
  float: left;
  margin: 20px;
  animation: wave  ease-in-out 0.5s infinite alternate;
  transform-origin: center -20px;
  opacity: 0.33;
}

.wave:hover {
  animation-play-state: paused;
}

.wave img {
  border: 5px solid #f8f8f8;
  display: block;
  width: 150px;
  height: 200px;
}
@media (max-width: 479px) {
  .wave img {
      border: 5px solid #f8f8f8;
      display: block;
      width: 75px;
      height: 100px;
    }
}

.wave figcaption {
  text-align: center;
}

.wave:after{
  content: '';
  position: absolute;
  width: 20px; 
  height: 20px;
  border: 1.5px solid #ffffff;
  top: -10px; 
  left: 50%;
  z-index: 0;
  border-bottom: none;
  border-right: none;
  transform: rotate(45deg);
}
        
.wave:before{
  content: '';
  position: absolute;
  top: -23px;
  left: 50%;
  display: block;
  height: 44px;
  width: 47px;
  background-image: url(../img/about/handNail.webp);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  z-index: 16;
}
        
@keyframes wave {
  0% { transform: rotate(3deg); }
  100% { transform: rotate(-3deg); }
}