How to change the background color on a specific image block card

Hi,

I am trying to change the background color behind the text on specific image block cards. I have tried to use several of the custom CSS recommendations from other questions but it doesn't seem to work. We want to keep the background color as-is (white) for the other pages, so the options in "Design > Site Styles" are too broad.

Any help would be greatly appreciated.

Site info:

Our website is intowngolfclub.squarespace.com

The template is Pacific

Goal:

The goal is to make the background behind the text the cream color of the site background so that it blends in and accomplishes the same look you currently see on the homepage here: https://intowngolfclub.squarespace.com/

I have set up a page to test with here: https://intowngolfclub.squarespace.com/home-elevator-pitch-full-1

What I have tried:

I have tried several variations to override with custom css by targeting the yui and block id's but it doesn't seem to work.

Examples:

#block-399fb6d24d7525c1db35 { background-color: #F8F8F6; }

#yui_3_17_2_1_1567173362664_2427 { background-color: #F8F8F6; }

#block-399fb6d24d7525c1db35 { background-color: #F8F8F6; !important}

@clinjar use this code, with body#....44f7 is your test page ID. Each page will have different ID. See how to find Page ID: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

body#collection-5d6929b7b98ae800014a44f7 .image-card-wrapper {
   background: #f8f8f6;
}

@tuanphan this worked perfectly. Thanks very much for the help.

@tuanphan this worked perfectly. Thanks very much for the help.