@media (prefers-reduced-motion: no-preference){
img{
    scale:0.8;opacity:0;
    animation: fade-in linear forwards;
    animation-timeline: view();
    animation-range: -100px 300px;
}

@keyframes fade-in{
    
    to{scale:1;opacity:1;}
}}

@keyframes fade-out{
    
    to{scale:0.8;opacity:0;}
}

#aboutT{
    animation: 1s cameIn ease-in-out forwards;
} 

.animation-start {
    animation: 1s cameIn ease-in-out forwards;
  }

@keyframes cameIn{
    from{
        transform:translateX(500px);
    }
    to{
        transform:translateX(0px);
    }
}