Apple TV style hover

Apple TV style hover.markdown

Apple TV style hover

Inspired by the new Apple TV UI and the fun rotation effect.

Forked from Rosh Jutherford's Pen Apple TV style hover.

A Pen by One Tech Genius on CodePen.

License.

index.html

<section class="top-movies">
	<div class="section-content">
		<h1 class='top-movies__title'>Top Movies</h1>

        <a href="http://www.movie-inn.com/content/2_guns.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://image.tmdb.org/t/p/w500/30lM3Uvzs6HOG5l4hzhwxYTWgd3.jpg" class="card__image" />
			<h2 class='card__title'>2 Guns</h2></a>
		</article> <a href=
        "http://www.movie-inn.com/content/3_days_to_kill.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/3DaysToKill-Poster.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>3 Days to Kill</h2>
		</article> <a href="http://www.movie-inn.com/content/4got10.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/4Got10-2015.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>4 Got 10</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/10_things_i_hate_about_you.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/10_things_-logo.PNG" class="card__image" />
			</a>
			<h2 class='card__title'>10 Things I Hate About You</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/12_years_a_slave.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/banner-12-years-a-slave.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>12 Years A Slave</h2>
		</article> <a href="http://www.movie-inn.com/content/13_sins.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/13-sins-sxsw-banner.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>13 Sins</h2>
		</article> <a href="http://www.movie-inn.com/content/21_and_over.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/21.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>21 and Over</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/21_jump_street.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/21-Jump-Street2.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>21 Jump Steet</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/22_jump_street.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/22_jump_street-wide.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>22 Jump Street</h2>
		</article> <a href="http://www.movie-inn.com/content/42.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/Jackie-Robinson-movie.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>42</h2>
		</article> <a href="http://www.movie-inn.com/content/45_years.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/tumblr_ntlix7lQy11uas1u6o1_1280.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>45 Years</h2>
		</article> <a href="http://www.movie-inn.com/content/47_ronin.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/47-Ronin-Hindi-Dubbed-Online.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>47 Ronin</h2>
		</article> <a href="http://www.movie-inn.com/content/50_50.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/5050.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>50/50</h2>
		</article> <a href="http://www.movie-inn.com/content/71.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/71-01.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>71</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/300_rise_of_an_empire.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/300-Rise-of-an-Empire-2013-Movie-Banner-Image.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>300 Rise of an Empire</h2>
		</article> <a href="http://www.movie-inn.com/content/360.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/360-movie-500x250.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>360</h2>
		</article> <a href="http://www.movie-inn.com/content/3096_days.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/3096.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>3096 Days</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/Gangster_Squad.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/Gangster+Squad.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Gangster Squad</h2>
		</article> <a href="http://www.movie-inn.com/content/a_c_o_d.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/acod.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A C O D</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/a_good_day_to_die_hard.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/A-good-day-to-die-hard-bruce-willis-wallpaper.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Good Day To Die Hard</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/a_haunted_house.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/ahauntedhouse.png" class="card__image" />
			</a>
			<h2 class='card__title'>A Haunted House</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/a_little_chaos.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="https://s3.amazonaws.com/movieicons/a/a-little-chaos.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Little Chaos</h2>
		</article> <a href=
        "http://www.movie-inn.com/content/a_long_way_down.mp4" class="card__link">
				<span class="highlight" </span>
				<img src="https://s3.amazonaws.com/movieicons/a/a-long-way-down-soundtrack-2014.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Long Way Down</h2>
		</article>
                		<article class="card">
			<a href="http://www.movie-inn.com/content/a_million_ways_to_die_in_the_west.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/million.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Milion Ways To Die In The West</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/a_most_violent_year.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/a-most-violent-year-1.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Most Violent Year</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/a_most_wanted_man.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/a-most-wanted-man-poster3.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Most Wanted Man</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/a_perfect_day.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/aperfectday.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Perfect Day</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/a_single_shot.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://ecx.images-amazon.com/images/I/51B20xpQeSL._SL500_AA280_.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A single Shot</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/a_very_murray_christmas.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/a-very-murray-christmas-to-be-aired-on-netflix-today.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Very Murray Christmas</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/a_walk_among_the_tombstones.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://cdn.wegotthiscovered.com/wp-content/uploads/Tombstones-618x400-556x360.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>A Walk Along The TombStones</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/about_a_boy.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/about+a+boy.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>About A Boy</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/about_last_night.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/about-last-night-jpg.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>About Last Night</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/about_time.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://upload.wikimedia.org/wikipedia/en/8/88/About_Time_Poster.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>About Time</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/accidental_love.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/Accidental-Love-3.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Accidental Love</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/addicted.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/addicted-movie-poster.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Addicted</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/admission.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/admission.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Admission</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/african_cats.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://www.mithmeoi.net/wp-content/uploads/2011/04/african-cats-poster-0c873.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>African Cats</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/after_earth.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/after-earth-movie-2013.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>After Earth</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/afternoon_delight.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/afternoondelight.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Afternoon Delight</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/alexander_and_the_terrible_horrible_no_good_very_bad_day.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/ALEXANDER-AND-THE-TERRIBLE-HORRIBLE-NO-GOOD-VERY-BAD-DAY-Activity-Sheets.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Alexandar And The Terrible</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/alice_in_wonderland.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/alice_original.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Alice and Wonderland</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/alice_in_wonderland_2010.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/alice_in_wonderland17.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Alice In Wonderland (2010)</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/all_hallows_eve.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/allhallowseve.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>All Hallows Eve</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/all_is_lost.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/all-is-lost-poster2.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>All is Lost</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/all_things_to_all_men.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/ALLTHINGSTOALLMEN.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>&gt;All Things to all Men</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/aloha.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/aloha-movie-poster-2015.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Aloha</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/america_imagine_the_world_without_her.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/america-the-movie.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>America Image The World Without Her</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/american_hustle.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/american-hustle-poster1.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>American Hustle</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/american_sniper.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://ecx.images-amazon.com/images/I/71dEL0ZzrxL._SL1500_.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>American Sniper</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/amintiri_din_copilarie.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://ecx.images-amazon.com/images/I/41yKjqXbLUL.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Aminitiri Din Copilarie</h2>
                    </div>
                </div></a> <a href="http://www.movie-inn.com/content/amy.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://upload.wikimedia.org/wikipedia/en/b/bf/Amy_Movie_Poster.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Amy</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/anchorman_the_legend_of_ron_burgundy.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/anchorman-the-legend-of-ron-burgundy-52067f3fdb404.png" class="card__image" />
			</a>
			<h2 class='card__title'>Anchorman 2</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/and_so_it_goes.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/and-so-it-goes-poster02.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>And So It Goes</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/anger_management.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/anger.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Anger Management</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/annabelle.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/annabelle-movie-wallpaper.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Annebelle</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/annie.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/hkvKhuUUgjJ4jrXKkvqoQ5JnQx5.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Annie</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/anomalisa.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/h6orfYDihFwZfneMvXyGUeTufeK.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Anomalisa</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/ant_man.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/D6e8RJf2qUstnfkTslTXNTUAlT.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Ant Man</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/antichrist.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/lY4Y9buUIZY17vpvL5dsBpbORo0.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Antichrist</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/apocalypse_pompeii.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/3hmR8kJxYY0lBqBxd9qIvSfoYK1.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Apocalypse Pompeii</h2>
                    </div>
                </div></a> <a href="http://www.movie-inn.com/content/argo.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/oai3xLBQHpIh18VJdRCcL7D0Yg0.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Argo</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/armageddon.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://i.ytimg.com/vi/-A18URNpejk/maxresdefault.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Armageddon</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/arthur_christmas.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/crjzhg2T1sPL9yE7bFHkYp0OfXG.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Arthur Christmas</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/as_cool_as_i_am.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/aRUrXT8VJzdhOQp0oLqEFEGmyhn.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>As Cool As I Am</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/as_good_as_it_gets.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://ecx.images-amazon.com/images/I/919L%2BrFR3eL._SX385_.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>As Good As It Gets</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/assassins_run.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/pbn6CfmbyHoAZI0AZmNuAgxW1IB.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Assassins Run</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/assault_on_wall_street.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/5MPJ0anWmqo29DCbUMgE2ZPzGJx.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Assault On Wall Street</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/asterix_le_domaine_des_dieux.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://ia.media-imdb.com/images/M/MV5BMTkyMjYzMjE1OV5BMl5BanBnXkFtZTgwNzk4Mzk1MzE@._V1_UY1200_CR126,0,630,1200_AL_.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>DomaineDesDieux</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/august_osage_county.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://augustosagecountyfilm.com/images/ico/favicon.png" class="card__image" />
			</a>
			<h2 class='card__title'>August Osage County</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/automata.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/automata.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Automata</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/avatar.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/Avatar.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Avatar</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/avengers_age_of_ultron.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/avengers.jpeg" class="card__image" />
			</a>
			<h2 class='card__title'>Avengers Age of Ultron</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/babysitting.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/babysitting.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Babysitting</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bad_ass.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/badass.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bad Ass</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bad_asses.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/Bad-Ass-2-2014.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bad Asses</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bad_country.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/badcountry.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bad Country</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bad_milo.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/badmilo.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bad Milo</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bad_words.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://ecx.images-amazon.com/images/I/81EI8t2eYyL._SL1500_.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bad Words</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/badges_of_fury.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/Badges-of-Fury-Poster-1.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Badges of Fury</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/baggage_claim.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/baggagec.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Baggage Claim</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/barefoot.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://upload.wikimedia.org/wikipedia/en/6/6a/Barefoot_Poster.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Barefoot</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/barely_lethal.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/barely+legal.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Barely Lethal</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/batman_begins.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/Batman_Begins_Poster.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Batman Begins</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/battle_los_angeles.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/BattleLA.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Battle Los Angles</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/battle_of_the_damned.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/eFzAClSxcrSK8dQ5Bnay4L0d4UN.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Battle of the Damned</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/battle_of_the_year.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/iDQDeNCYlll4NfBhuO02sw3jbk7.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Battle of the Year</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/battleship.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/8R80QyDq7MCuBD8zMsNlminyXxy.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Battleship</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bears.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://i.ytimg.com/vi/EFl6guPcHvg/maxresdefault.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bears</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/beautiful_creatures.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/beautiful-creatures-wallpaper-beautiful-creatures-movie-33031035-1280-800.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Beautiful Creatures</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/before_i_go_to_sleep.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/before-i-go-to-sleep.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Before I go to Sleep</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/before_midnight.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://s3.amazonaws.com/movieicons/a/20130624-before-midnight-story.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Before Midnight</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/begin_again.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/og7KVMqGTFaCNPmGVetxtR30Q0z.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Begin Again</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/behind_the_candelabra.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/4k4caZuJUSGQD6BYk3Vuyb3gB6W.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Behind The Candelabra</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/belle.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/r0Vp6yjsKD41xF1h6lzRztgV201.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Belle</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bessie.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/iIeUU85jVIQc9B07eXw6SATAEWz.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bessie</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/better_living_through_chemistry.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/l7WXEkaZ0Uhhfzmatfktf5sbT7E.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Better Living Through Chemistry</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/beyond_the_mask.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/cWfsWgOADAU4ZMQa4s46RzS8KwH.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Beyond the Mask</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/big_eyes.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/tkxE7BLschoqNzTikrGvZN7IL7K.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Big Eyes</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/big_game.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/uSeDj6wb67WyBuwwAw9Nhh76quA.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Big Game</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/big_hero_6.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/hGRfWcy1HRGbsjK6jF7NILmqmFT.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Big Hero 6</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/birdman.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/rSZs93P0LLxqlVEbI001UKoeCQC.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bird Man</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/black_mass.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/yIVnNriiyl522hk3LFLJrrMovhP.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Black Mass</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/blackfish.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/aqAYjUWZyoOjG9mHj380O0kFSxZ.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Blackfish</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/blackhat.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/sW3VEsulmxMlOmQwm0h7H7lZROi.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Blackhat</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/blended.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/l99PKd9tdwtpOS5jxHwDGKTsVUo.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Blended</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/blood_ties.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/csJb9jlaeu9aKPEhV8TDeHCpbk7.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Blood Ties</h2>
                    </div>
                </div></a> <a href="http://www.movie-inn.com/content/blow.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/yCLLbZzAa7jreGus7pvjZmL0bj7.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Blow</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/blue_caprice.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/aT8Kq9ba9pDJApZNvnXqS6jnIMP.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Blue Caprice</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/blue_jasmine.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/tXzOAeub5ZaxGv9vkJLtU0aNenl.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Blue Jasmine</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/blue_ruin.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/jspgd5F60RH8sKFfuvVW5jVL1F0.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Blue Ruin</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bone_tomahawk.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/8A51Ur47D0CNJhmvQlbif0vzyqZ.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bone Tomahawk</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bonnie_and_clyde.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/qnaI4ztS6Uo6uc0KwODc06aPkBN.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bonnie and Clyde</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/boyhood.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/eKi4e5zXhQKs0De4xu5AAMvu376.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Boyhood</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/branded.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/sJJCtbM8vYtWSsaYeoldkC34Ofb.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Branded</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/brave.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://d2xvau03q5a03y.cloudfront.net/brave-the-video-game-mac-product-dcbc8511b1d6e62c1a54ba89a775c02d.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Brave</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/breathe_in.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/8PYhHXwXgXvEiwPcTgeSaYqITe1.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Breathe In</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/brick_mansions.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/v6M79FGu0G9KSR7bvXL76NbwyqC.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Brick Mansions</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bridge_of_spies.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/xPCNA8zJxyyFKTj47QpvkXHukzB.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bridge of Spies</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bridget_jones_diary.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/bSr5bdlAumfBWCibvMLvhvMEkkB.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bridget Jones Diary</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/broken_city.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/pYDj2b15p4YdNz88XvO7QmBoHgD.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Broken City</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/bronson.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/pkcSa3xIi1rNrivl5MRwtRgbEYI.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Bronson</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/burnt.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/oYgYCnCc9e8C8pofu2TD1Z876vv.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Burnt</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/by_the_sea.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/4rKPAmocZamRaOJhri5qlxOZ06d.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>By The Sea</h2>
                    </div>
                </div></a> <a href="http://www.movie-inn.com/content/cake.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/pU3BusgT96dWUM6O9uOKwpuRI4w.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Cake</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/camp_x_ray.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/oGcmIqOAbV8npgY57u7tqzwPgc.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Camp X Ray</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/captain_america_the_winter_soldier.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/4qfXT9BtxeFuamR4F49m2mpKQI1.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Captain America Winter Soldier</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/captain_phillips.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/AnMTMPTUzeWNbYxzp29WqYf1br1.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Captain Phillips</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/careful_what_you_wish_for.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/7PAQ85UXQ9IhZ5ZJIC1uC0h6PZK.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Careful What You Wish For</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/carol.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/AbKa7ANxmui0Jmhh7gV7OSELKIL.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Carol</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/carrie.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/7gTvjByEOx959HtetwcczO2eOJi.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Carrie</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/cavemen.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://image.tmdb.org/t/p/w185/ye94HUDxkjH2u9Xrip8l9nvknaq.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Cavemen</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/chappie.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w370/saF3HtAduvrP9ytXDxSnQJP3oqx.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Chappie</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/chapter_27.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/eqAnkP3PbffTNVQFepzAePnxsnT.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Chapter 27</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/chasing_ice_2.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/y8a61rrxk6wunjVUOij1MUZ0nzd.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Chasing Ice</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/cheap_thrills.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/183jUshuMLtEBo6bf9q2VBISjQy.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Cheap Thrills</h2>
                    </div>
                </div></a> <a href="http://www.movie-inn.com/content/chef.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/eXizmokfQYgDM0UZm2v8zdgYhD7.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Chef</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/child_44.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/nzXwfnBcsmREzHlem6fkStN1RUH.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Child 44</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/chimpanzee.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/i3IojCgvzVba9Fq2myvEGyoItE4.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Chippanzee</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/christmas_in_wonderland.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/98HbBvCUNs3lz57K4To0pYdreAz.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Christmas is Wonderful</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/christmas_with_the_kranks.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/cuH95R2FJ2gxZBj8lEUElxShy15.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Christmas with the Kranks</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/cinderella.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/2i0JH5WqYFqki7WDhUW56Sg0obh.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Cinderella</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/click.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://stuffpoint.com/adam-sandler/image/76616-adam-sandler-adam-in-click.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Click</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/close_range.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://image.tmdb.org/t/p/w185/vbKQn4YHPXNKb2hp64cJ84wsDh.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Close Range</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/closed_circuit.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/y3zMDdYfgEbqs2p0dHNkvS5HGgk.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Closed Circuit</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/cloud_atlas.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/8VNiyIp67ZxhpNgdrwACW0jgvP2.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Cloud Atlas</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/cloudy_with_a_chance_of_meatballs_2.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w780/7VZ38q1KK50VL8MDimRP6Y7rSY3.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>cloudy with a chance of meatballs 2</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/cody_the_robosapien.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://image.tmdb.org/t/p/w300/55Ue7s9aTIHuPR6P1I1jR0V2zuK.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Cody The Robosapien</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/cold_in_july.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w370/zotsAuntzSFECpDWfkIWePcIJOq.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Cold in July</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/concussion.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/vdK1f9kpY5QEwrAiXs9R7PlerNC.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Concussion</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/copperhead.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/7uYGinNEJ72wWP27buITYSeET52.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Copperhead</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/creed.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/xSE4NBFDzqedwa4AIj99r1Z7ljF.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Creed</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/crimson_peak.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/pCj8zem1NDAODdtvha9WFEB6iWR.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Crimson Peak</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/curse_of_chucky.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/qoFfZa6b9xsr1dJwdb6SCiw2KHs.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Curse of Chucky</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/cut_bank.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/8NHY0tAmNtJGvpYVKjrFzMQqu5n.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Cut Bank</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/dallas_buyers_club.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/aoxYci1HnJdb4bno2jYSnzSGDkL.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Dallas Buyers Club</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/danny_collins.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/ye1xEG6SnrfAvzAkgLQSVNIm1oI.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Danny Collins</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/dark_skies.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/kaqkurs0iDCJGmJBBa6DRGacfA8.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Dark Skies</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/date_and_switch.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/orV7VUGoI6yEwhFDyifFGhkLFd4.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Date and Switch</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/dawn_of_the_planet_of_the_apes.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/2EUAUIu5lHFlkj5FRryohlH6CRO.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Dawn of the Planet of the Apes</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/dead_man_down.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/4hcWLlWTu3Saq2j24dHTKSLQSGe.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Dead Man Down</h2>
                    </div>
                </div></a> <a href="http://www.movie-inn.com/content/deal.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/kHaBqrrozaG7rj6GJg3sUCiM29B.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Deal</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/deliver_us_from_evil.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/iI0FjaQcFGMlBClEGdMzTkOsOcP.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Deliver Us From Evil</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/delivery_man.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/XFNn7rL7JoG9eW0OoW8WU2wB4y.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Delivery Man</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/despicable_me.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/4zHJhBSY4kNZXfhTlmy2TzXD51M.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Despicable Me</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/despicable_me_2.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/ek09KXB8ytg9nUb3hDUpJn7APdT.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Despicable Me 2</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/dirty_dancing_havana_nights.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/nuUKcfRYjifwjIJPN1J6kIGcSvD.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Dirty Dancing Havana Nights</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/disconnect.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/kTLcEBTPzptlBP8auLRlK8KTKvV.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Disconnect</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/divergent.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/yTtx2ciqk4XdN1oKhMMDy3f5ue3.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Divergent</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/django_unchained.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/5WJnxuw41sddupf8cwOxYftuvJG.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Django Unchained</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/dolphin_tale.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/47eRTWQDx9lPkQgTWmuATNNkwBJ.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Dolphin Tale</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/dolphin_tale_2.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/ga714OrcrFhCrhbHUfDG47fUU5F.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Dolphin Tale 2</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/dom_hemingway.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://image.tmdb.org/t/p/w500/z4yQiTC3EfwVPzVuBqjOELtfo3f.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>Dom Hemingway</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/hitch.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://www.gstatic.com/tv/thumb/movieposters/35562/p35562_p_v8_av.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>hitch</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/hitchcock.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://upload.wikimedia.org/wikipedia/en/3/3e/Hitchcock_film_poster.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>hitchcock</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/hitman.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://www.gstatic.com/tv/thumb/movieposters/169802/p169802_p_v8_aj.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>hitman</h2>
                    </div>
                </div></a> <a href="http://www.movie-inn.com/content/home.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://www.josepvinaixa.com/blog/wp-content/uploads/2015/01/Home-Original-Motion-Picture-Soundtrack-2015-1500x1500.png" class="card__image" />
			</a>
			<h2 class='card__title'>home</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/home_sweet_hell.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'https://upload.wikimedia.org/wikipedia/en/thumb/c/cb/Home_Sweet_Hell_Poster.jpg/220px-Home_Sweet_Hell_Poster.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>home sweet hell</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/homefront.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://ecx.images-amazon.com/images/I/91zORm4fbcL._SL1500_.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>homefront</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/horns.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://images6.fanpop.com/image/photos/37500000/International-Horns-Poster-daniel-radcliffe-37541959-800-1131.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>horns</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/horrible_bosses.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://www.warnerbros.com/sites/default/files/horrible_bosses_keyart.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>horrible bosses</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/horrible_bosses_2.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://o.aolcdn.com/hss/storage/midas/e4a18899d0b99fbbe8038d20d7fb83c/200701873/hr_Horrible_Bosses_2_4.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>horrible bosses 2</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/hot_pursuit.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://img.goldposter.com/2015/04/Hot-Pursuit_poster_goldposter_com_6.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>hot pursuit</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/hot_tub_time_machine_2.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://2.bp.blogspot.com/-oHne4T35Z4Y/VIifurSFc5I/AAAAAAAAGEo/H-wRXfQHO8g/s1600/hottubtimemachine2.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>hot tub time machine 2</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/hotel_transylvania_2.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://www.sonypictures.com/movies/hoteltransylvania2/assets/images/onesheet.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>hotel transylvania2</h2>
		</article><article class="card">
			<a href="http://www.movie-inn.com/content/hours.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://i.azcentral.com/thingstodo/movies/images/131340/131340_aa.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>hours</h2>
                    div>
                </div></a> 		<article class="card">
			<a href="http://www.movie-inn.com/content/how_to_train_your_dragon.mp4" class="card__link">
				<span class="highlight"></span>
				<img src="'http://ecx.images-amazon.com/images/I/91DnBoRk-WL._SL1500_.jpg" class="card__image" />
			</a>
			<h2 class='card__title'>how to train your dragon</h2>
                    </div>
                </div></a> <a href="https://paypal.me/1tg" class="card__link">
				<span class="highlight"></span>
				<img src="'https://pbs.twimg.com/profile_images/548811656386465795/F7ysD8pT.png" class="card__image" />
			</a>
			<h2 class='card__title'>DONATE PLEASE KEEP THIS GROWNING AND AD FREE</h2></a>
	</div>
</section>

script.js

$card	= $( '.card' );

$card.on( 'mousemove', function( e ) {
	var $this		= $( this ),
		eX			= e.offsetX,
		eY			= e.offsetY,
		dim			= this.getBoundingClientRect();
		w			= dim.width/2,
		h			= dim.height/2,
		tiltLimit	= 15,
		posX		= ( h - eY ) * ( tiltLimit / h );
		posY		= ( w - eX ) * ( tiltLimit / w ) * -1;

	$this.find( 'a' ).css({
		'transform': 'rotateX( ' + posX + 'deg ) rotateY( ' + posY + 'deg )',
		'box-shadow': ( posY * -1 ) + 'px ' + ( posX + 14 ) + 'px 34px 0 rgba( 0, 0, 0, 0.1 )'
	});
	
	$this.find( '.highlight' ).css({
		'opacity': 1,
		'transform': 'translate3d( ' + ( posX * -4 ) + 'px, ' + ( posY * -4 ) + 'px, '  + '0 )'
	});
});

$card.mouseleave( function( e ) {
	var $el = $( this ).find( 'a' );

	$el.removeAttr( 'style' ).addClass( 'hover--ending' );

	setTimeout( function() {
		$el.removeClass( 'hover--ending' );
	}, 500 );
	
	$el.find( '.highlight' ).removeAttr( 'style' );
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>

style.scss

html {
	background: #e9e9e4;
	-webkit-font-smoothing: antialiased;
}

/*section*/.top-movies {
	font-size: 0;
	background: #bfd5e0;
	background: radial-gradient( 400px at 50%, #d9dbd8 0%, #bfd5e0 100% );
	padding: 45px 0;
	box-shadow: inset 0 -5px 8px 0 rgba( 0, 0, 0, 0.05 );
	
	// Borrowed from https://css-tricks.com/i-left-my-system-fonts-in-san-francisco/:
	font-family: system, -apple-system,
     ".SFNSDisplay-Regular", HelveticaNeue, LucidaGrande;
}

/*h1*/.top-movies__title {
	font-size: 22px;
	color: #444e50;
	margin: 0 0 14px;
	text-shadow: 0 2px 1px rgba( 255, 255, 255, 0.1 );
}

.section-content {
	width: 94%;
	margin: 0 auto;
	
	@include breakpoint( 1022px ) {
		width: 100%;
		max-width: 960px;
	}
}

/*article*/.card {
	box-shadow: 0 3px 3px 0 rgba( 0, 0, 0, 0.3 );
	position: relative;
	width: 150px;
	margin: 0 auto;
	transition: box-shadow 0.15s ease-out, transform 0.25s ease;
	perspective: 500px;
	perspective-origin: 50% 50%;
	transform-style: preserve-3d;
	
	&:hover {
		transform: scale( 1.1 );
		box-shadow: none;
	}
	
	&.hover--ending {
		transition: box-shadow 0.5s ease;
	}
	
	@include breakpoint( 540px ) {		
		display: inline-block;
	}
	
	+ .card {
		margin: 45px auto 0;
		
		@include breakpoint( 540px ) {
			margin: 0 0 0 25px;
		}
	}
}

/*span*/.highlight {
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	top: 0;
	right: 0;
	opacity: 0;
	z-index: 3;
	transition: opacity 0.25s ease;
	background: radial-gradient( 60px at 50%, rgba( 255, 255, 255, 0.13 ) 0%, rgba( 255, 255, 255, 0 ) 100% );
}

/*a*/.card__link {
	display: block;
	position: relative;
	width: 150px;
	height: 228px;
	overflow: hidden;				
	transform-origin: center center;
	transform-style: preserve-3d;
}

/*img*/.card__image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

/*h2*/.card__title {
	font-size: 14px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.15s ease-in;
	text-shadow: 0 2px 2px rgba( 0, 0, 0, 0.06 );
	
	
	/*article*/.card:hover & {
		opacity: 0.8;
	}
}

styles

<link href="http://codepen.io/the_ruther4d/pen/206465f21f33671643e4a61ab00ce4e2/" rel="stylesheet" />