Adding author image next to name at top of blog?

I am wondering if it would be possible to include the author's image to the right of the author's name at the very top of each blog post? I found code that allowed you to place the author bio below the title, but it doesn't look great and there is too much white space. I don't need to have the full bio either. Just looking to place the circular image next to the name. Thanks to anyone that can help.

Hi,

We can use JS code to do this. If you share link to a blog post, we can check easier

7 hours ago, tuanphan said:

Hi,

We can use JS code to do this. If you share link to a blog post, we can check easier

Thanks for offering to potentially help. Here is a link to one of the posts: https://www.ocpd.org/articles/the-role-of-experiential-avoidance-in-obsessive-compulsive-personality-disorder-traits

On 3/14/2024 at 11:05 PM, dross said:

Thanks for offering to potentially help. Here is a link to one of the posts: https://www.ocpd.org/articles/the-role-of-experiential-avoidance-in-obsessive-compulsive-personality-disorder-traits

Add to Last Line in Code Injection > Footer. Replace with your image url. To adjust size, just edit 30px in the code.

<script>
  $(document).ready(function(){
    $('<img src="https://upload.wikimedia.org/wikipedia/en/d/d7/Harry_Potter_character_poster.jpg" width="30px"/>').insertBefore('.blog-author-name');
});
</script>