.hero {
  border-color: transparent;
  border-style: solid;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ani {
  transform: translateX(0);
  &:hover {
    animation: act-anim-ani--shake 600ms ease 0s 1 normal none;
  }
}

@keyframes act-anim-ani--shake {
  from {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-6px);
  }
  to {
    transform: translateX(0);
  }
}

.cnt {
  box-shadow: 0px 16px 40px 0px rgb(0 0 0 / 0.16);
}