.scroll-view-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sample-box {
  height: 200px;
  width: 300px;
  border: 1px solid black;
  float: left;
  margin: 20px;
  animation: appear-when-visible linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
  border-radius: 5px;
  background-color: #00ff2f57;
}

@keyframes appear-when-visible {
  0% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(1);
  }
}