.tileContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0;
}

.tile {
    position: relative;
    display: inline-block;
    width: 18%;
    height: 180px;
    margin: 20px 25px;
    border-radius: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.tile:hover {
    -webkit-animation: neon-background 1.5s ease-in-out infinite alternate;
    -moz-animation: neon-background 1.5s ease-in-out infinite alternate;
    animation: neon-background 1.5s ease-in-out infinite alternate;
}

.tile:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.tile:hover:after {
    width: 100%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.plex {
    background-color: #202020;
    background-image: url('../images/PlexTile.jpg');
}

.steam {
    background-color: #e5e5e5;
    background-image: url('../images/SteamTile.png');
}

.gog {
    background-color: #430280;
    background-image: url('../images/GOGTile.png');
}

.spotify {
    background-color: #1ed760;
    background-image: url('../images/SpotifyTile.png');
}

.facebook {
    background-color: #3c5b9a;
    background-image: url('../images/FacebookTile.png');
}

.netflix {
    background-color: #dc0404;
    background-image: url('../images/NetflixTile.png');
}

.sabnzbd {
    background-color: #e88800;
    background-image: url('../images/SabnzbdTile.png');
}

.sickbeard {
    background-color: #143f00;
    background-image: url('../images/SickbeardTile.png');
}