What code should I use to get the hover effect on the first image and gallery carousel?

Website link here -->https://www.cindyamaya.com/art

Hover cursor effect seems to work on some not all images. 

Current code I'm using, 

body {

margin: 0;

height: 100vh;

cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/6423376e1c0c323225ad35d9/1680029550633/Star+6+%284%29.png), auto;

}

a:hover{

cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/642339298729d87d014fdc45/1680029993958/Star+8.pnghttps://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/64233872342b7d12608879bc/1680029810989/Star+7.png), auto;

}

/*custom cursor 2 = image links*/
.sqs-block-image a img {
cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/642339298729d87d014fdc45/1680029993958/Star+8.png), auto !important;
}

/*custom cursor fix on gallery images that are not link or lightbox to stay 1 */
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {
     cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/642339298729d87d014fdc45/1680029993958/Star+8.png), auto !important;
   }

/*custom cursor 2 on gallery image wiht lightbox */
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img{
cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/642339298729d87d014fdc45/1680029993958/Star+8.png), auto !important;
}

Try adding this code under

body * {
cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/6423376e1c0c323225ad35d9/1680029550633/Star+6+%284%29.png), auto !important;
}