title: Make flex item grow past (larger) than flex container
body: <p>I'm trying to simulate the hover effect that <a href="https://www.netflix.com/browse" rel="nofollow noreferrer">Netflix</a> uses on it's "row of cards" that display the shows that are currently available to watch. </p>
  
  <p>When you hover on a card, the item grows (seemingly) larger than the size of the row that it's contained in.</p>
  
  <p>I'm using flexbox and have a <code>.row</code> and <code>.card</code> items inside the row. I've tried using <code>transform: scale(1.5)</code> and this works except it does not grow the card larger than the size of the row. Any advice?</p>