Revise How Banner works on Shopify site - Add large custom button, correct responsive background image

We need revisions to our Shopify site home age, main banner only. Current Site: [login to view URL] Another freelancer already made changes to banner, however all his changes are in the [login to view URL] file. I have also attached below. 1. Replace text with large floating button which remains centered on banner image at all sizes and on all devices. 2. Currently banner background images is very pixelated on iPhone and iPad. It looks fine on desktop devices. Replace Background image with new image attached. Background image to be responsive but to remain bottom and centered aligned at all sizes and on all devises. Crop image as needed so on desktop looks like attached New Home Page Banner DESKTOP.png. 3. Please check finished design on mobile, tablet and desktop computer. On mobile it should look similar to New Home Page Banner [login to view URL] 4. Give detailed instructions on how to make future updates to code if we want to change images in future. 5. Do not make changes to live site. Please let me review before you go live.