How to center one text block in the middle of the homepage?

Site URL: https://www.haute-renommee-gallery.com/

Hi! 
I'm building my homepage but I have some issues with the positioning of my text elements.
I placed one text block at the bottom right-hand corner and an other one at the bottom left-hand corner of my page. But I can't place the big title of my page on the middle. (screenshot attached) 

here is the code I used:

div#block-yui_3_17_2_1_1623052677097_23424 {
    position: absolute;
    bottom: 0;
    left: 0;
}
div#block-yui_3_17_2_1_1623072709206_3677 {
    position: absolute;
    bottom: 0;
    right: 0;
}
div#block-b23b7be5003eb074d167 {
    display: flex;
    align-items: center;
}

Does anyone know what is wrong? 
Thanks for you help!

Hi. You mean move this?

Hi @tuanphan
I'd like to have the title in the middle of the page, and the 2 small text blocks at each corner, on the same line.  (The sentence "Unexpected experiences" disappears in mobile)

If I place small text blocks at the bottom, by using :
div#block-yui_3_17_2_1_1623052677097_23424 {
    position: absolute;
    bottom: 0;
    left: 0;
}
div#block-yui_3_17_2_1_1623072709206_3677 {
    position: absolute;
    bottom: 0;
    right: 0;

The title is also placed à the bottom of my page and I can't move it.
I don't know what to do 😕 

Hi @tuanphan

I don't know if my explanations are really clear... 🙈
Do you have a solution for me? 🙂

18 hours ago, correspondance said:

Hi @tuanphan

I don't know if my explanations are really clear... 🙈
Do you have a solution for me? 🙂

 

Try adding to Design > Custom CSS

@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1623141847829_3077 {
    padding-bottom: 0;
    position: relative;
    top: -150px;
}
}

Thanks for you answer @tuanphan 🙂