Image card | CSS not working

Site URL: https://gold-orca-rg9s.squarespace.com/config/design

So I found this custom CSS; but what happens is the image disappears....what is missing?
Concerns the individual pages behind each round logo on front page...
PW= ANTERO2022

.sqs-block-image .design-layout-collage .image-card-wrapper {border:3px solid #F2BA40;}

.sqs-block-image .design-layout-collage .image-card{background:transparent!important; margin-bottom: 5%}

.sqs-block-image .design-layout-collage .intrinsic img { z-index:999!important; position:absolute!important; transform:scale(0.85)!important; }

blockquote {
    border:3px solid;
      border-color: #F2BA40;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

Hi,

You want to add a 3px border around 6 images on homepage?

https://gold-orca-rg9s.squarespace.com/?noredirect

No. IF you click on any of the round logos you will get to the pages this concerns.

The idea is that there would be a gold frame (which is there now) around the text, and the image in the back which does not display. I got this code from Insidethesquare, but it does not seem to work.

On 3/29/2022 at 7:34 PM, JakeLake said:

No. IF you click on any of the round logos you will get to the pages this concerns.

The idea is that there would be a gold frame (which is there now) around the text, and the image in the back which does not display. I got this code from Insidethesquare, but it does not seem to work.

Because this attribute make image disappear (default is position: static !important;)

Quote

position:absolute!important;