Image hover cursor

Site URL: https://dylansoffice.com/project/004

Currently, when I hover the cursor over an image/carousel nothing happens to the pointer. I'd like the cursor to default to the standard pointer finger so the users know they can also click the image to continue. 

I've tried adding "cursor: pointer;" into various portions of my CSS gallery but cannot figure it out. 

what my CSS currently looks like:

.sqs-gallery-controls {
   background-color: white;
   cursor: pointer;
   padding-top: 0px
}

.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
   background-color: transparent;
   margin-top: 0;
 padding: 0 !important;
 line-height: inherit;
   position: static;
}

.sqs-gallery-controls .previous:hover,
.sqs-gallery-controls .next:hover {
   background-color: transparent;
}

.sqs-gallery-controls .previous::before, .sqs-gallery-controls .next::before {
   color: #000000;
   width: inherit;
   font-size: 10px;
   font-family: inherit;
}

.sqs-gallery-controls .previous::before {
   content: "PREV";
  cursor: pointer;
}

.sqs-gallery-controls .next::before {
   content: "NEXT";
   cursor: pointer;
   margin-right: 0px


}

.previous::after {
 content: "-";
 color: #000000;
 margin-left: 5px
}


.slide {; opacity: 1 !important;; }

p{
  text-align: justify;
}

Add to Design > Custom CSS

.sqs-gallery-design-stacked-slide img {
    cursor: pointer;
}

Hell yes. Thank you.