Aligning collage image and title/subtitle on mobile

Site URL: https://www.pearlsandpoets.com

Hello!

site: https://www.pearlsandpoets.com

I'm having a hard time getting the image on my main page to display nicely on desktop and mobile. There are no styles that look good on both. On desktop I prefer the collage style, but on mobile, the text/subtext/button are aligned to the left and it looks awkward. Is there a way to align them, and the image, in the centre? I've used this code already to move the image from the far right to the centre: 

@media screen and (max-width:949px) { 
  #block-8833c352c1b2c10b6b09 {  width: 110% !important ;
    margin-left: -15%;
    margin-right: auto; 
    float: none !important; 
 }}

But can't figure out how to shift the text over. 

Thank you!

Megan

Have you solved this yet?