Slideshow image resize on mobile and button allignment

Topic summary

A user is troubleshooting two CSS issues on their e-commerce site (www.xqnail.com.au):\n\nProblems identified:\n- Slideshow banner images not resizing properly on mobile devices\n- \

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.

Hi,

I’m having 2 issues with the website right now.

  1. resizing the image on slideshow banner during mobile view

  2. alligning the “Discover more” button to the atttached image below (preferrably for mobile too)

website link is: www.xqnail.com.au

I’ve already tried:

@media screen and (max-width: 749px){
div#Hero-hero-1 {
height: 66vw;
}

@media screen and (max-width: 749px) { .slideshow__slide { background-size: contain !important; background-repeat: no-repeat; background-position: center; height: auto !important; padding-bottom: 50% !important; } .slideshow__slide img { display: block; width: 100%; height: auto; max-height: none !important; } }

Thx

@bazooka1234 I think you fixed the issue because i can see mobile view is perfect!