Как сделать так что бы фон двигался вместе с картинкой?

Вопрос такой, не могу сделать так чтобы фон двигался вместе с картинкой как на ролике ( https://youtu.be/TIgw_r0LztY?si=4ZSo3VNev5QnTBFm&t=1245 )

 .about { 
    display: flex; 
    justify-content: space-between; 
     
} 
 
.about_item { 
    width: 30%; 
     
} 
 
.about_item:hover .about_img img { 
    transform: translate3d(-10px, -10px, 0); 
} 
 
.about_item:hover .about_img img { 
    opacity: .2; 

} 
 
 
 
.about_img { 
    width: 400px; 
    background: linear-gradient(to bottom, #aea4e3, #d3ffe8); 
     
    transition: background transform .2s linear; 
     
     
} 
 
 
 
 
.about_img img { 
    display: block; 
    transition: opacity .3s linear; 
    transition: transform .2s linear; 
     
} 

Вот так выглядит код cssа вот как выглядит у меня(фото)


Понимаю, что я "мастер" объяснять, поэтому если что-то не поняли, то спрашивайте, постараюсь объяснить по-другому