/* 오브젝이 올라가는 애니메이션 animations.css */
.animated_boxes {
    position: relative;
    /* overflow: hidden; */
}

.animated_box {
 opacity: 1;
    position: relative; /* 각 요소가 자신의 위치에서 애니메이션되도록 설정 */
    opacity: 1; /* 초기 상태에서 보이지 않도록 설정 */
      transform: translateY(20%); 
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

.animated_box.visible {
    opacity: 1;
    transform: translateY(0);
}