grid와 background 관련 css 질문입니다

css 기초과정을 직접 실습해보다가 하고싶은 디자인이 생각나서 해보고있습니다

grid를 부여한다음에 background-attachment로 여러개의 item클래스를 가진 div가 하나의 이미지를 공유하면서

해당 div에 호버링했을때 이미지가 돌아가는 모양을 주고싶은데요

혼자 머리 쥐어짜며 해봐도 몇가지 문제가 해결이 안됩니다

1. background-attachment: fixed 값을 부여한 이미지를 container 안에만 정렬되도록 하는 방법?

2. hover시에 이미지가 해당 파츠만 회전하는게 아니라 첫 div조각 사이즈의 이미지가 호버링되어 보이는걸 해결할 수 있는 방법?? (두번째 사진처럼 호버링한 곳의 이미지가 해당 파츠 이미지에 알맞게 회전하지 않습니다

감사합니다