Text background to meet edge of image CSS

Site URL: https://www.clinicallymedia.squarespace.com

How do I get the text background to meet the edges of the image behind it using custom CSS? See attached image. The code I currently have is below.

#block-yui_3_17_2_1_1638463122277_9696 div { 
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.7);
}

23 hours ago, katfox said:

Site URL: https://www.clinicallymedia.squarespace.com

How do I get the text background to meet the edges of the image behind it using custom CSS? See attached image. The code I currently have is below.

#block-yui_3_17_2_1_1638463122277_9696 div { 
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.7);
}

what is your protected password?

On 12/8/2021 at 7:57 AM, bangank36 said:

what is your protected password?

@bangank36 It's "cm"

@katfox It looks like you  changed layout. Do you still need help?

On mobile, I see space between text in buttons is huge. You can use this CSS to improve it.

/* Mobile 3 buttons */
@media screen and (max-width:767px) {
div#page-section-618ea4bb6920d12b96df296f .span-4 .html-block * {
    margin-bottom: 0px !important;
}
}