Adjust the animation timing of specific text

Site URL: https://www.bowermagic.co.uk/

How can I adjust the timing of the appearance animation of some specific text?

There are two lines of text which appear in succession using the default fade in animation. I'm looking to have the second line wait for a few seconds before appearing, although they're both overlaying the same picture. 

Is this possible?

It looks like you solved with this CSS?

div#block-yui_3_17_2_1_1634650425926_2496 h4 {
    transition-delay: 2s !important;
}

On 5/7/2022 at 8:37 PM, tuanphan said:

It looks like you solved with this CSS?

div#block-yui_3_17_2_1_1634650425926_2496 h4 {
    transition-delay: 2s !important;
}

I need to have a delay of a text block (or two) on one page specifically. Is this the code that I use? If so were / what field do I enter it specifically? 

Did you get this to work? I want to delay a text highlight and can't get that to work with animation-delay or transition-delay. Thanks.