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;
}