H1 Links on card style images not displaying correctly

Site URL: https://www.petersom.com

Hi,

I am using the 'card' image design, I put an H1 header title and added a link to it, which should be underlined per my styling.

The first issue I'm having is that on longer titles, the first part of the H1 title is NOT underlined, unless you hover over it. You can currently see it live on the site linked here (https://www.petersom.com). I have found that shorter titles do not have this issue...only longer ones.

The second issue I'm having is on tablet view the title is getting cut off (you can see that in the images attached, where "NYC" gets cut off). This only occurs when there is a line break in the title. In the image attached "Peter's Downtown NYC" is one line and "Restaurant Guide" is another line. When I take OUT the line break, it displays correctly (it just kicks down part of title to next line automatically because it's responsive). I would however like to control where the line break is, which is why I added it in myself instead of letting the platform decide.

Anyone know what's going on?

Thanks for your help.

Hi. It looks like you solved these?