How do I make a text show in the middle of the image whenever I hover it using html

Will it be possible to create that kind of effect using only HTML? btw the banner of this page is what I want to recreate (kindly hover over the banner). Please help me on what codes to use to achieve this effect. Thank you.