@keyframes riseUpOnView {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.custom-rise-on-view {
  positon: relative;
  display: inline-block;
  opacity: 0;
  transform: translateY(200px);


}

.custom-rise-on-view.visible {
  animation: riseUpOnView 0.5s ease-out forwards;
    animation-delay: var(--delay, 0s); /* default = 0s */
}