Headline Blocks inherits Font Size

Dear support team,

I'm using one of the Single Page hero's as element. And they look pretty great, but one thing is puzzling me.

If you go to any of my blogs you will find a header that says one of these two lines:
- UPDATED ON JAN 22, 2023 Power Query
- WRITTEN BY RICK DE GROOT

https://gorilla.bi/power-query/replace-values/

There is some css that overwrites the font size I'd like to pick. The CSS is saying:
div.gb-headline {
font-family: Inter, sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1em;
}

In the element I have actually set up a different font size for the headlines. So by taking away

font-size: 12px;
font-weight: 700;

From the previous statement, I get the right size. I tried looking where this div.gb-headline { was setup, but I can't find it. Any suggestions? It does not seem to be the Heading block, the container nor the grid.

Thanks,
Rick