Re-aligning text on Mojave image poster

Hi, I'd liked to have the title text in one line at the top of the image and the sub text left aligned in the empty space of the image. Is that possible? No worried if I have to change the size of the text.

https://www.wordified.com.au/home-1

Thank you!

add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1574374741544_3966 .image-card.sqs-dynamic-text-container {
    width: 100% !important;
}
div#block-yui_3_17_2_1_1574374741544_3966.image-subtitle-wrapper * {
    text-align: left !important;
}
div#block-yui_3_17_2_1_1574374741544_3966 .image-subtitle-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

also, you should reduce title size to it is in one line

Thank you, I really appreciate your help. I added it in but the text is still across the middle of the image and I'd like it at the top of the image. Do I need to add padding somewhere?

20 minutes ago, KellyAllen said:

Thank you, I really appreciate your help. I added it in but the text is still across the middle of the image and I'd like it at the top of the image. Do I need to add padding somewhere?

top for title or both?

body#collection-5dd6fc0df0547d640c75a4e5 .sqs-block-image .design-layout-poster .image-card-wrapper {
    align-items: baseline;
}

It looks good now thank you! Just having trouble getting the sub title to stay left-aligned...

Also the sub title looks terrible on ipad view...?