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.

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.