nsk2023

Try this without the p:
#block-ee4609f2bfd661e57bcb { a:hover { color:#ff94a6 !important; } }  

@Ziggy deleted the old block and placed it with a new one and added your CSS
p a:hover {
    color: #FF92A5 !important;
}
and now it works. so thank you yet again so much for all your help.

Just what I was going to suggest!
Can you mark my post as the solution and give it a thumbs up? Thanks!

This is pretty tricky to do, the images are not in columns, they are individual items in a grid, so I can't just push down all of the ones on the left.
That said, here's a slightly hack way to maybe get the look you want?
Add this to Custom CSS:
@media only screen and (min-width:768px) { .grid-item:nth-child(odd) { margin-top:42px; } .grid-item:nth-child(even) { margin-top:-42px; } }

ill give that a go. thanks a million for all your help

It'll be rather tricky to get that to work consistently because of how the grid scales on narrower screens (the width of 1 column varies), but you can try adding this to custom CSS (under the styles menu), and adjust the px value until you're happy with it:
.header-layout-nav-right .header-nav { margin-right: 60px; } Hope that's the solution you're looking for.