Swiper - Show navigation arrows on hover and in mobile view

https://www.teddy-talk.com/ls-shop.php?offset=72

The above page is using the Nested Repeat Regions and Travel Catalog with Swiper guides. There is an issue where the slides are stacked vertically. Please scroll to the bottom of the page to see the affected items.

Also, how to only show the navigation arrows on hover of the slide and when there are more than one image or in mobile view?