page formatting is altered because of "code block"

Site URL: https://www.kylemillerbaritone.com/about

Hi,

I added a code block to customize my fonts within my text on the left side. However, that ruined the formatting for the whole page somehow. The picture and button on the button should be to the right of the text. I have edited it with spacers, but when I save, the photo and button relocate to the bottom of the code block. Please help

First thing I would do is reduce the font size, space is a bit tight on the right. 

Hi, 

I've just tried reducing the font size, however the photo will still jump to the bottom of the screen when published. I've designed it nicely with spacers, but it all goes kaputt when published. 

10 hours ago, kemille said:

Hi, 

 

I've just tried reducing the font size, however the photo will still jump to the bottom of the screen when published. I've designed it nicely with spacers, but it all goes kaputt when published. 

Hi. Have you solved it yet?

This is what happens when I'm using a code bock for my text, the photo will go to the bottom.

https://www.kylemillerbaritone.com/about-1

i want it to look like this:

https://www.kylemillerbaritone.com/about

thanks 🙂