Help with highlighting only text in different colors?

Site URL: https://jimmylu.design/home-1-1

Hi, I need help trying to achieve this highlighted text effect: https://johannaburai.com/

I managed to find css to have the entire block width highlighted, but is there a way to highlight only the text showing (and not the full width of the text box)?

Thank you!

11 minutes ago, bangank36 said:

I saw you use .highlight class for partial text of heading, did you manage to solve this?

Not completely, is there a way to highlight only the H1 text (not the entire box width)?

I also want to alternate colors for different H1 for each project. (see example: https://johannaburai.com/), Anyone know how to solve these 2 requests?

It looks like you solved with this CSS?

#block-yui_3_17_2_1_1616517997186_123692 h1 {
    color: #000;
    background: #ffba11;
    padding: 5px;
    font-size: 80px;
}