centering text on summary list block

Site URL: https://theindieauthorcollective.com/sample-books/booktitle-c5b5r-k82hy-ethha-4tw2z

Okay, I've been struggling with this and I'm sure someone has a quick solution for this. I want to use a simple summary block at the bottom of a book listing to add the book author's bio. I have title, excerpt, and image enabled. I'd like to vertically center the text on the image, rather than having the text all at the top. I'd also like to increase the padding between the image and the text. Screenshot attached, and I've linked to an example page I'm using as a mockup. Website password is "forumhelp."

7 hours ago, JenTerpstra said:

Site URL: https://theindieauthorcollective.com/sample-books/booktitle-c5b5r-k82hy-ethha-4tw2z

Okay, I've been struggling with this and I'm sure someone has a quick solution for this. I want to use a simple summary block at the bottom of a book listing to add the book author's bio. I have title, excerpt, and image enabled. I'd like to vertically center the text on the image, rather than having the text all at the top. I'd also like to increase the padding between the image and the text. Screenshot attached, and I've linked to an example page I'm using as a mockup. Website password is "forumhelp."

Do you mean something like this?

6 hours ago, bangank36 said:

Do you mean something like this?

 

Yes! I would like the title to start about there.

You can try the following code

#block-yui_3_17_2_1_1653186471018_6907 .summary-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 73% !important; /*space between image and content, decrease % to increase the space and vice versa*/
}

#block-yui_3_17_2_1_1653186471018_6907 .summary-item {
  display: flex;
  justify-content: space-between;
}
#block-yui_3_17_2_1_1653186471018_6907 .summary-item:after {
  content: unset;
}

Let me know how it goes

My testing