Previous/Next controls not working in Carousel Gallery

Site URL: https://mollyrees.com

I have prev/next controls under my Carousel Gallery block, but when you click on them they do nothing. I'm not sure how I ended up with the prev/next instead of the arrows on the edge of each side of the carousel, but I do prefer them to the arrows so would like to keep them this way.  Not sure why they are not working though.  Clicking on a photo in the gallery does advance the photos, but I'd like the controls to also work in-case the viewer doesn't know to click on the gallery.

Site is mollyrees.com and the page where they are not working is "Editorial" under "Photography" in the navigation bar.

I have this custom CSS which added the prev/next controls under a slideshow on my blog. They are working correctly there -

.sqs-gallery-controls {
     background-color: white;
     padding-top: 10px
       
 }

 .sqs-gallery-controls .previous, .sqs-gallery-controls .next {
   
     background-color: white;
     margin-top: 0;
   padding: 0 !important;
   line-height: 0;
     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: #2E2E2E;
     width: inherit;
     font-size: 12px;
     font-family: arial;

   
 }
 
 .sqs-gallery-controls .previous::before {
     content: "prev";
 }
 
 .sqs-gallery-controls .next::before {
     content: "next";
 }
 
 .previous::after {
   content: "/";
   color: #2E2E2E;
   font-size: 7px !important;
   margin-left: 3px
   
 }