Slide overlay and nav arrow issues

Using Chromium browsers on Windows 11.

Slide overlay issue:

When I ‘preview’ my slides they look perfect. When I added the shortcode and I view the site there is a solid color (white) overlay covering 95% of the slide – with about 10 or 20 pixels of the actula slide showing on the right side and the top.

I played around with the CSS and the only workaround I could find, that would hide the overlay and also allow the URL links on the slides to function was:

.flex-control-nav:not(.flex-control-thumbs) {
top: auto;
}

It seems like a strange solution. Is there any alternative CSS solution for this?

Nav arrows:

With or without that CSS code, both of my nav arrows display of the far left side, right next to each other. I couldn’t identify a CSS workaround for this. How do I get the nav arrows to display on my site as they do on the ‘preview’ (far left and far right)?

Thanks in advance!

The page I need help with: [log in to see the link]