Background colour - Block section

Site URL: https://antelope-octagon-t69s.squarespace.com/joyful-living

Hi, there, 

I'm trying to change a background colour block on my website. 

This section in question. 
https://antelope-octagon-t69s.squarespace.com/joyful-living
 

To something similar attached. 

Password: Fostex1722!

Many thanks, 

Oliver

6 hours ago, obourne1016 said:

Site URL: https://antelope-octagon-t69s.squarespace.com/joyful-living

Hi, there, 

I'm trying to change a background colour block on my website. 

This section in question. 
https://antelope-octagon-t69s.squarespace.com/joyful-living
 

To something similar attached. 

 

Password: Fostex1722!

 

Many thanks, 

Oliver

 

You may want to use different images with transparent color, please copy this custom css

#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row {
  background: #d48994;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4 {
  padding: 5%;
  padding-bottom: 2%;
  box-sizing: border-box;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4 .sqs-block-image .image-card-wrapper {
  padding-bottom: 50px !important;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4 .sqs-block-button {
  position: relative;
  top: -50px;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4:first-child {
  padding-right: 0;
  padding-left: 10%;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4:last-child {
  padding-left: 0;
  padding-right: 10%;
}

18 hours ago, bangank36 said:

You may want to use different images with transparent color, please copy this custom css

#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row {
  background: #d48994;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4 {
  padding: 5%;
  padding-bottom: 2%;
  box-sizing: border-box;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4 .sqs-block-image .image-card-wrapper {
  padding-bottom: 50px !important;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4 .sqs-block-button {
  position: relative;
  top: -50px;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4:first-child {
  padding-right: 0;
  padding-left: 10%;
}
#block-yui_3_17_2_1_1605973710411_27115 + .sqs-row .span-4:last-child {
  padding-left: 0;
  padding-right: 10%;
}

@bangank36 -  Thanks for your help on this. Just wanted if you help further on this. Is possible to add a white stoke around the content cards? Also how I make sure its aligned in the centered on mobile.

Many thanks,

Oliver