How can I code different photo versions for Mobile and PC on Brooklyn slider?

Hey!

Does anybody have a tutorial for being able to add a Mobile and PC version of photos to the Shopify Brooklyn slider? I have a photo I want to use. Looks great on PC/ cut off on mobile. Re-sized and now looks good on mobile and bad on desk top. Is there a way to code to allow two versions of a photo? Im not great at coding but can do it if I have a step by step guide. I tried searching on YouTube but no luck.

Thanks!

@Macker

yes please check

https://www.mojoin.com/show-shopify-banner-image/
https://www.youtube.com/watch?v=jveWeclZc6Y&lc=Ugx5mv3K95B6U9d4GRJ4AaABAg