Issue with removing page animation from objects

Hi there,

This might be a silly question but I really am having trouble.
I added a shape as my background to give the page/each section an inset look I desired and now I would like it so that those shapes don't animate when the page is loaded. 
I am trying to use this code:

#BLOCK-ID * {
transform: unset !important;
transition: unset !important;
transition-delay: unset !important;
}

with my block ids:

#block-yui_3_17_2_1_1696430423704_5759
#block-59f30fa9921ea6087683
#block-5953a32fa80918c6927b
#block-0e4919313a082c0e0d6a
#block-7f407e1687d75102982f
#block-e1c45c47191947fefec1

but I am having no luck! Can anyone tell me what I am doing wrong or point me in the right direction?
Thank you!

I find this code rather unpredictable, but putting it all together your code should look like this, hopefully it'll work for you:

#block-yui_3_17_2_1_1696430423704_5759 *, #block-59f30fa9921ea6087683 *, #block-5953a32fa80918c6927b *, #block-0e4919313a082c0e0d6a *, #block-7f407e1687d75102982f *, #block-e1c45c47191947fefec1* {
  transform: unset !important;
  transition: unset !important;
  transition-delay: unset !important;
}

@Ziggy Thank you for replying and taking a look but it doesn't seem to have worked - 

The transition sadly still happens. Do you have any other recommendations?
Thanks again!

10 hours ago, Jamalifardnazie said:

The transition sadly still happens. Do you have any other recommendations?

Sorry, like I said I don't find that this code works very well if at all, I don't have anything better.

@Ziggy No worries - thank you for trying!