Troubleshooting custom code on a table

Site URL: http://www.puntaverdeplaza.com

Hi.

I added an interactive image using a table via a code-block. The code works fine outside of Squarespace; but once I plug it in, Squarespace adds space between the table rows and my image looks sliced. I tried altering padding and margins through custom css but nothing seems to work. Any ideas on know how to fix it.

Thanks

Second map at:

http://www.puntaverdeplaza.com

Add this code to Design > Custom CSS

.sqs-block-code img {
    max-width: 100%;
    display: block;
}