Stretchy banner in a fixed with page
I have this page - https://www.dipanjanpal.com/Portfolio which is a fixed with page. I want to keep it that way, but I want to make the banner stretchy for both mobile and desktop. How can I do this?
In the same page under the banner, I have listed four galleries. I wish to change the opacity/transparency when the cursor hovers over it, and the font (both font and font size) for this. Can this be done? To give you an idea of what I want to make it look like, please have a look at this - https://www.chrisburkard.com/Pages/Portfolio
I want the same font and similar transparency. How can I do this?
- In this page - https://www.dipanjanpal.com/Recognition I have two pictures, both of them links to a specific URL. Can in the middle of picture, where if someone hovers their mouse, similar effect to the previous questions will be there?
Like on this two pictures, I want "Accolades" and "In the press" written and it should be gone when someone hovers their cursor on it, kinda same like the portfolio page of Chris Burkard. How can this be done?