How to target multiple blocks with custom css

I' ve applied the following code to style an image. It works fine but I have 4 images in a row which I would like to style in the same fashion and preferably with the same code. I have tried to list the different block IDs with comma but doesen't work. It only applues the formatting to the last block I'm listing. What am I doing wrong?

/* banner collage image */
#block-yui_3_17_2_1_1666098058627_3198 figcaption {
    width: 70%;
}
#block-yui_3_17_2_1_1666098058627_3198 figcaption .image-card.sqs-dynamic-text-container {
    background: #f6c453;
    padding: 20px;
    width: 100% !important;
    margin-left: 0;
}
.design-layout-collage * {
    color: white !important;
}

2 hours ago, rasmusarentsen said:

I' ve applied the following code to style an image. It works fine but I have 4 images in a row which I would like to style in the same fashion and preferably with the same code. I have tried to list the different block IDs with semicolon and with AND but doesen't work. What am I doing wrong?

/* banner collage image */
div#block-yui_3_17_2_1_1666098058627_3198 figcaption {
    width: 70%;
}
div#block-yui_3_17_2_1_1666098058627_3198 figcaption .image-card.sqs-dynamic-text-container {
    background: #f6c453;
    padding: 20px;
    width: 100% !important;
    margin-left: 0;
}
.design-layout-collage * {
    color: white !important;
}

 

You can target multiple blocks by using the comma, not semicolon. However, there may be a simpler way to target all images. Please share the website link and password if applicable so I can check

https://rose-orb-4xd7.squarespace.com/

password 642Rasmus

On 10/19/2022 at 3:33 PM, rasmusarentsen said:

https://rose-orb-4xd7.squarespace.com/

 

password 642Rasmus

Which page are you referring to? I don't see them on homepage