Solution stats preview Card

Community feedback

• 

  Byron•2,290

  @byronbyronPosted almost 3 years ago

  It needs to be a background image instead and it needs background-blend-mode: multiply;, so might look something like this:

  <div class="image-container" style="background-image: url('images/image-header-mobile.jpg')"></div>
  

  .image-container {
      background-size: cover;
      background-position: center;
      background-color: hsl(277deg 64% 64%);
      background-blend-mode: multiply;
      width: 100%;
      height: 100%;
  }
  

  Then add overflow: hidden; to the .main-container class to make sure it rounds off the corners.

  Hope that helps!

  0
• 

  ChenchoDev•0

  @ChenchoDevPosted almost 3 years ago

  Try with

  background:linear-gradient
  

  0
• 

  Leandroooh•30

  @LeandrooohPosted almost 3 years ago

  you can use a property filter

  0