Custome CSS for Popup appearance

Hi I have a popup for one of my pages but it is so big when it opens and it is in a square border, the image for popup is a PNG and I don’t want any border I want only the image to be displayed. In the Custome CSS section I wrote the following code but it doesn’t function for any part of the coding. I am not coder savvy. I appreciate if you point me out in the right direction

/* Ensure the image within the popup takes the full space of the popup */
.sg-popup-id-11007 img {
display: block;
width: 100%;
height: auto;
border: none;
padding: 0;
margin: 0;
}

/* Popup content wrapper */
.sg-popup-id-11007 .sgpb-content {
padding: 0;
border: none;
overflow: hidden;
background: transparent;
display: inline-block;
max-width: 100%;
}

/* Overlay / .sg-popup-id-11007 .sgpb-popup-overlay { background: rgba(0, 0, 0, 0.7); / Adjust the opacity as needed */
}

/* Popup wrapper / .sg-popup-id-11007 .sgpb-popup-builder-content { border: none; background: transparent; padding: 0; display: inline-block; max-width: 90%; / Adjust this value as needed / max-height: 90%; / Adjust this value as needed */
width: auto;
height: auto;
}