Subtitle below Titles on Blog Summary Page

I am trying to add a subtitle below my Blog Title on my Blog Post Summary page. I know I can do the meta data, but i need something more custom. I am wanting to put the Location/Venue name under the Title(Names of the people). And then still have my short excerpt. Is there a way to accomplish this? Screenshot attached for what im trying to accomplish. 

https://grasshopper-moose-taz5.squarespace.com/films

7 hours ago, Rorafilmco said:

https://grasshopper-moose-taz5.squarespace.com/films

What is your site-wide password?

pw: forum

@Beyondspace

@Rorafilmco

First, you can use this code to Website > Website Tools > Code Injection > Footer (Or Blog Page Header Code Injection)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".blog-item-title h1, h1.blog-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

Next, use this code to Website Tools > Custom CSS

h1.blog-title em, .blog-item-title em {
    font-style: normal;
    display: block;
    font-size: 26px;
    color: #f1f;
}

Next, edit each blog post title, use this format

Blog Post Title 03 <em>Trekking</em>

Result

In case you use Summary Block, you will need a new code. You can share link to page where you use Summary Block, I will adjust the code easier.