Multiple background image problem

[tost]

Hello!
Can you explain please why my second background image doesn’t show up?
this is my CSS:

html{
background-image: url("https://s3-us-west-
2.amazonaws.com/s.cdpn.io/104215/launch-day-
boom_copy.svg"), url("https://s3-us-west-
2.amazonaws.com/s.cdpn.io/104215/superhero-152840.png");
background-repeat: no-repeat, no-repeat;
background-size: cover, 20%;
background-position: center center ,left top;
height: 100%;
}

[something else]

Your images are round the wrong way. The .svg is on top of the .png