Stats preview card

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  Hello again Neil, congratulations for your new solution!

  Answering your question:

  To make your hero image have the same look and the color purple overlay, you need to use mix-blend-mode using the multiply one.The mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background.

  Here’s how you can add this to your img selector: img { mix-blend-mode: multiply; opacity: 84%;}

  Here's a good article explaining these effects with mix-blend-mode: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

  See if works for you =)

  0