Title alignment on the blog list

Hi,

I want the title/excerpt/meta tags of the blog list to display in different alignments.

At the PC view, all description is center-aligned on the hover;

at the mobile view, all description is left-aligned below the thumbnails.

https://plucx-proto.squarespace.com/blog
password: blogblog

Does anyone have a solution to this? Thanks in advance! 

To make it left-align on mobile, use this CSS code

@media screen and (max-width:767px) {
.blog-basic-grid--text * {
    text-align: left !important;
}
}