Aligning image on main banner with bottom of page

Site URL: https://www.firsthx.com/home-new

Hi Amazing community!

I am working with the Brine template! I would love to aligned the bottom of the image I of the doctor in main banner with the button of the banner? (Sorry not sure if it makes sense but I added an image of what I am hoping to achieve below). I would also ideally like to incorporate a button below the text,  I am currently using the overlap image poster block . Has anybody tried this? Do you have a Code I could implement on my website or perhaps an idea of how I could work around this issue?

Thank you ❤️ 

2 hours ago, MARIAPINEROSMURILLO said:

Site URL: https://www.firsthx.com/home-new

Hi Amazing community!

I am working with the Brine template! I would love to aligned the bottom of the image I of the doctor in main banner with the button of the banner? (Sorry not sure if it makes sense but I added an image of what I am hoping to achieve below). I would also ideally like to incorporate a button below the text,  I am currently using the overlap image poster block . Has anybody tried this? Do you have a Code I could implement on my website or perhaps an idea of how I could work around this issue?

 

Thank you ❤️ 

I think you should use the background image for the index section

Banank! Omg I can't believe I didn't think of that thank you it worked great haha 🤦‍♀️

Actually I remembered why I wasn't sure about this, it's becase in mobile the text will go over the image if I added as the background image in the index page :(.