How to increase image size and decrease text font on collection slider on Brooklyn theme

Hey everyone,

I added a manual code to my website to feature a collection slider in the Brooklyn theme home page since I’m on vintage themes.

I want to make the following changes to this code -

  1. for mobile view the images are too small and the font Is big. How can I change the same for mobile view only.

  2. Increase image size for desktop view My issue is that

  3. how can I add a custom button in the slider bottom to take them to the entire collection. Maybe call it “view collection”

I attached pictures for reference for Mobile View and Desktop View, to show what exactly it looks like right now. It’s not live on website yet, Since I need to make the changes first.

This is the code I followed - https://ecomexperts.io/blogs/liquid-tutorial-shopify/how-to-add-featured-product-slider-to-your-shopify-store-easy-step-by-step-tutorial

Please help. I’ll really appreciate it. My website is www.houseofviraasi.com