CSS Not taking effect

Site URL: https://anitaksolutions.com

Site URL: http://anitaksolutions.com

Hi everyone.  

I've had such wonderful help from the members of this forum before.  I hope perhaps someone can help me understand what I'm doing wrong here.

I have a column in a row that I'm trying to a negative margin for.  I've added the following to the custom CSS section but the changes don't seem to be taking effect.i've attached images of the element name and the css console. 

/*SETS MARGIN ON LEFT COLUMN*/
div#yui_3_17_2_1_1588485567504_148.col.sqs-col-5.span-5 {

margin-left: -3vw !important;
}

Do I have a syntax error or something.  I do this kind of stuff with another CMS platform all day and I've never had issues with CSS taking effect.  I've only run into issues when trying to do things with Squarespace.  I'm just wondering how I'm missing something so frequently

Thanks for your help in understanding this

David

#yui is dynamic ID. It will change if you reload your site

Find & use #block-yui

or can you describe in detail your problem, I can take a look

41 minutes ago, tuanphan said:

#yui is dynamic ID. It will change if you reload your site

Find & use #block-yui

or can you describe in detail your problem, I can take a look

Hi Tuanphan...

Thank you for the kind follow up.  I tried to locate the Block and came up with this but its still not working.  

div#block-yui_3_17_2_1_1588348969991_11263.col.sqs-block.image-block.sqs-block-image.sqs-text-ready { margin-left: -3vw !important;
}

I'm trying to move the image with the red short of to the edge of the page so that it looks like it's coming in from the size.  basically set a negative 3vw margin to the left of it

this image? closer left edge?

Thats

1 hour ago, tuanphan said:

this image? closer left edge?

yes.  basically just want it to reach all the way over to the left so it looks like its falling off the page