Removing Parts of Embedded Map

Site URL: https://vibraphone-cricket-z5f8.squarespace.com/
PW: redhorse

Hello, the above is a test page I've made for this inquiry. I've used an embed block to embed a map from Google My Maps, and I need to remove some of the elements from the embedded map.

Shown in red in the attached screenshot, I need to remove

• the little star next to 'Test Map'
• the little 'i' icon
• the 'This map was made with Google My Maps. Create your own.' statement
• the share button
• the 'View larger map' button

I've done a lot of googling looking for a solution and unfortunately my coding knowledge is very limited, so I haven't been able to implement a solution successfully. My client's website does not have premium access to code blocks, so I have been trying to find a solution I could implement using the embed block or CSS editor.

I would greatly appreciate any help on this matter or even being informed that what I'm trying to do is too advanced/impossible for the embed block/CSS editor. Please let me know if any further information is needed and thank you to anyone willing to try to help!

Add to Design > Custom CSS

div#block-yui_3_17_2_1_1685838379094_5882>div {
    overflow: hidden;
}
iframe[src*="maps/d"] {
    margin-top: -70px;
}