I've now had a chance to try out the .css coding to see how it affects the slides.
As the original poster mentioned, he added it just to the responsive.css because he didn't want it to affect his desktop. This code worked well for Responsive mode of the site...but broke the desktop version.
Got me thinking about your plugin...so changed the responsive.css back to the original, and added this code to the /templates/mycustomtemplate/css/index_home (as this index_home is a file from the plugin):
{
.background-image {position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.background-image__image {display: block;width: 100%;height: auto;-o-object-fit: cover;object-fit: cover;}
.swiper {width: 100%;height: 13vh;min-height: auto;max-height: auto;background-color: #46677b;}
.slideButton__text {font-size: .8rem;margin-bottom: 0;padding: 5px 5px;}
Added this right to line1 so it picks it up first...and voila! It made displayed the desktop version perfectly as well as the responsive mode. Tested by clicking on the slides to insure URL working, let them scroll through and back again.....all worked perfectly in both modes and nothing in the Debug Logs.
I will now create a template for my slides at 1162px x 369px as I find this size works in relation to the overall width of the site. (I know my slides on this test site are different sizes right now...just testing to see what I like best.)
Thanks again for your work on this plugin!
Bookmarks