Check out example codes for "css hero image". It will help you in understanding the concepts better.

Code Example 1

/* Answer to: "css hero image" */

/*
  A Hero Image is a large image with text, usually placed at the
  top of a webpage.

  For more information and examples, go to:
  https://www.w3schools.com/howto/howto_css_hero_image.asp
*/

Learn ReactJs, React Native from akashmittal.com