I have some image banners that are in the right formate for mobile view (4 image banners) but i want it to be a different layout (just one image banner) for my Desktop view.
this is mobile view (all 4 separate image banners)
Have you tried playing around with media queries and display flex?
For example, put all of your image banners inside of a div, then inside that big div, take two image banners and put then inside of another, and do the same with the other two banners.
Kinda like this:
two banners here
other two banners here
Then, in the two inner divs, you can add a display flex direction row when they are in desktop size or a flex direction row when they are in mobile.