You can fix it to some level where it almost appears okay, by changing this:
.blog .hentry span.hometitle {
width: 100%;
position: absolute;
top: 73px;
display: table-cell;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 32px;
font-size: 3.2rem;
font-style: italic;
text-shadow: 1px 1px #6B6868;
text-align: center;
line-height: 1.2;
vertical-align: middle;
word-wrap: break-word;
color: #FAFAFA;
overflow: hidden;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
}
To this:
span.hometitle {
width: 100%;
position: absolute;
top: 73px;
display: table-cell;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 32px;
font-size: 3.2rem;
font-style: italic;
text-shadow: 1px 1px #6B6868;
text-align: center;
line-height: 1.2;
vertical-align: middle;
word-wrap: break-word;
color: #FAFAFA;
overflow: hidden;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
}