Image Outer Border Offset - CSS

How do I create double borders for this image shape on Desktop and Mobile? See mockup image example attached for reference.

https://hawaiiadventureportraits.squarespace.com/
Password: hawaii

Here is the CSS I have so far but I can't figure it out. If someone could help me that would be wonderful! 🙏🏻

section[data-section-id="659cedc2f4549d78dea30dda"] {
  .fluid-image-container.sqs-image-content  {
    border: 2px solid @gold !important;
    overflow:visible!imporant;
  padding: 0% !important;
  }
}

3 minutes ago, Nondys said:

 

How do I create double borders for this image shape on Desktop and Mobile? See mockup image example attached for reference.

https://hawaiiadventureportraits.squarespace.com/
Password: hawaii

 

Here is the CSS I have so far but I can't figure it out. If someone could help me that would be wonderful! 🙏🏻

 

section[data-section-id="659cedc2f4549d78dea30dda"] {
  .fluid-image-container.sqs-image-content  {
    border: 2px solid @gold !important;
    overflow:visible!imporant;
  padding: 0% !important;
  }
}

Replace the code with the code below.

section[data-section-id="659cedc2f4549d78dea30dda"] {
  .fluid-image-container.sqs-image-content  {
    border: 7px double #817156 !important;
    padding: 0% !important;
  }
}

Thank you so much @Web_Solutions!!!

Is there a way to make the spacing between the double borders a little bigger so the offset borders are a little further from the border around the images?

Thank you in advance ☺️