How can I change the text alignment for Poster Image Block on specific Image Blocks?

I'm working on this site: https://jacqueline-misla.squarespace.com

The home page and Expertise (https://jacqueline-misla.squarespace.com/expertise) page are both using Poster Image Blocks. I'd like to center the text on the Image Blocks on the Expertise page while keeping them left aligned on the home page.

Can anyone help?

@ineedhelpwithmysite Add to Home > Design > Custom CSS

/* Align left homepage */
.homepage .image-title-wrapper * {
   text-align: left !important;
}
/* Align center expertise page */
body#collection-5af46a5e6d2a73f222fce6c8 .image-title-wrapper * {
   text-align: center;
}

Add to Home > Design > Custom CSS

.sqs-dynamic-text {
   min-width: 100%;
   line-height: 1em;
   text-align: center;
}

@Mdhanjal is it possible to target your code to a specific page?

I'd like to justify the text in the image blocks on one of my pages, but not on the others. Can that be done? 

thanks

@shihad I would love to know that answer as well!

@Nondys

@shihad

You will need to change the data section id="change this"

You will also need to change the image type which is .image-card (change out the -card for what type of image you have)

CSS TO USE:

[data-section-id="603012ed1017941906dd0284"] .image-card-wrapper * {
   text-align: center;
}

Use this tool to find data section id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en