title: Brightness filter css : Safari vs Chrome
body: <p>I think my problem is simple, yet I can't find an easy fix :</p>
  
  <p>Here's my website</p>
  
  <p><a href="http://www.paperkrop.com/contest" rel="nofollow noreferrer">http://www.paperkrop.com/contest</a></p>
  
  <p>I use the brightness filter on the sides of the packs for perspective's accuracy.</p>
  
  <p>When I'm on Chrome it looks like this :</p>
  
  <p><img src="https://i.stack.imgur.com/navmG.png" alt="chrome pic"></p>
  
  <p>When I'm on Safari (which uses -webkit-brightness like chrome) :</p>
  
  <p><img src="https://i.stack.imgur.com/5oiSC.png" alt="Safari Pic"></p>
  
  <p>Let's not focus on the problem with skew and scale here, but only on the brightness :</p>
  
  <p>With a brightness of 0.8, Chrome (and other browsers) take it as 80% of brightness</p>
  
  <p>Safari takes it as 20% of brightness</p>
  
  <p>Is there any easy fix for that ?</p>
  
  <p>Thanks in advance !</p>
  
  <p><strong>EDIT :</strong> Is there a way to distinct safari from chrome in css ? or making a stylesheet only for safari ? Is that a lead ?</p>