title: JavaScript coin flip animation with custom image on either side
body: <p>I'm currently developing a site in which 2 users go head to head in a "coin flip", a Materialize CSS modal pops up on each users screen (the winner has already been defined), I then want there to be a coin flip animation.</p>
  
  <p>I'm going to use this coin flip animation: <a href="https://www.html5andbeyond.com/coin-flip-application-html-css-and-jquery/" rel="nofollow">https://www.html5andbeyond.com/coin-flip-application-html-css-and-jquery/</a></p>
  
  <p>My question is how can I set the coin flip to land on a specific winner before the animation, also, how can I change it so there's a custom image on each side?</p>
  
  <p>Thanks,</p>
  
  <p>James</p>