Styling Reel Slideshow Arrows

I would like to adjust the position and colour of the previous & next arrows in my reel slideshow to be position over the top of the slideshow in the bottom right hand corner and have the colour changed to #fcfcfc. How can I do this? 

See screenshot attached to my colour mockup I would like to replicate. 

I would also like the slideshow to autoplay. How do I achieve this? There does not seem to be any options for this in the settings? 

This CSS should help you with the position of the arrows in the corner:

// Gallery arrows position
.gallery-fullscreen-slideshow[data-controls="arrows"] .gallery-fullscreen-slideshow-controls {
    justify-content: flex-end;
    align-items: flex-end;
}
.gallery-fullscreen-slideshow-control-btn {
  margin-bottom:20px;
}
.gallery-fullscreen-slideshow-control-btn[data-previous] {
    margin-right: 10px;
}

Hey @SummerKateDesigns, check out Will Myer's Slider Pro plugin for the ability to autoplay. (This is an affiliate link).

Thanks @Ziggy for the code, but it didn't seem to work. They are still in the same position just below to the right of the slideshow.

Can you share your website URL and the page this is on? Is the code I shared still in your Custom CSS?