For our final challenge, create an image of the “CAT Academy” poster. The image addresses and a small hint can be found in the comments in the CSS code.

You can overlay backgrounds using nested elements, or you can use multiple background images.

Multiple background images are really easy to assign. Take the familiar background property and list the desired images separated by commas. For example:

background:
  url("img1.png") no-repeat 0 0,
  url("img2.png") repeat-x 50% 50%,
  url("img3.png");

In this example, the element will have 3 background images. So, the image img3.png will end up in the bottom layer, andimg1.png will appear in the top layer.