@tuanphan or others
I've tried this code and it seems to work great in the editor preview, but when I load the live page into a Chrome browser, the blog titles are visible before hover. Can you suggest a solution to make sure the titles are only visible upon hover?
Testing on this page: https://wireframehq.com/testing