I am new to coding and finished this project for freecodecamp.
For some reason my logo will load on chrome but not on safari.
Any ideas why?

Here is a link to my codepen
https://codepen.io/bnjwin/pen/XWwpwGV

`<main class=”main”>
<img id=”palindrome-logo” src=”https://www.dropbox.com/scl/fi/uwrbc12c03tkjwwwokqnl/Palindrome-ganged-Rainbow.jpeg?rlkey=55uekbklccvbdabwob1aopo6h&st=bxr0acns&dl=1″ alt=
“palindrome logo”>“

<main class="main">
<img id="palindrome-logo" src="https://www.dropbox.com/scl/fi/uwrbc12c03tkjwwwokqnl/Palindrome-ganged-Rainbow.jpeg?rlkey=55uekbklccvbdabwob1aopo6h&st=bxr0acns&dl=1" alt=
"palindrome logo">

* {
  background: #39a0ca
  }
[class*="col-"] {
  width: 100%;
  }

#palindrome-logo {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    max-height: 50%;

I have checked the size of the file and it doesn't appear to be too large.