@keyframes slidein {
    0% { scale: 90%; opacity: 0.9;}
  
    50% { scale: 100%; opacity: 1;}
}
.project, .image-block { view-timeline-name: --project; view-timeline-axis: block; z-index: 1;
            animation-timeline: --project; animation-name: slidein;}
.slide-text  { view-timeline-name: --slide-text ; view-timeline-axis: block; z-index: 1;
            animation-timeline: --slide-text; animation-name: slidein;}
.project-img:hover { transition: 0.2s; scale: 98%}

.btn-about{ view-timeline-name: --about; view-timeline-axis: block; z-index: 1;
    animation-timeline: --about; animation-name: open;}