Move header and subheader text on header image

I tried using the following code to lower my header text & sub-header text on the header image, but I need to be able to adjust it so it’s somewhere in the middle between this, and the default settings.

Here is the code I tried that was recommended by Roman on May 2017 in regards to the Perth theme. I am using Astrid.

.header-image .header-info {
    bottom: 0;
    top: unset;
}

When I use this code, the header & subheader text show up all the way at the bottom, but by default it’s in the middle. I need it somewhere in between, along the floor tiles on my header image. Is there another code you can recommend to achieve this?

This is my website.
http://x7c.6a6.myftpupload.com

Hello, please try to use the following CSS code instead.

You can add CSS code in Customize → Additional CSS section.

.header-image .header-info {
    top: 45%;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.