diff --git a/label/static/label/css/artists.css b/label/static/label/css/artists.css
index 3cefd5b..9e456a3 100644
--- a/label/static/label/css/artists.css
+++ b/label/static/label/css/artists.css
@@ -29,18 +29,26 @@
   transition: 0.3s;
 }
 
+@keyframes logoslide {
+  0% { background-position: 0%; }
+  33% { background-position: 100%; }
+  66% { background-position: 100%; }
+  100% { background-position: 0%; }
+}
+
 .artists .artist .logo {
   height: 160px;
   width: 160px;
-  background-size: cover;
   background-color: white;
+  background-size: auto 100%;
+  background-position: 0%;
   border: none;
   border-radius: 5px;
 }
 
 .artists .artist-genre {
   display: flex;
-  align-items: center;
+  align-items: end;
   position: absolute;
   top: 0px;
   left: 0px;
@@ -48,13 +56,18 @@
   width: 150px;
   padding: 5px;
   justify-content: center;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.6));
   border-radius: 5px;
   color: white;
   opacity: 0;
   transition: 0.3s;
+  pointer-events: none;
 }
 
-.artists .artist-genre:hover {
+.artists .artist .logo:hover {
+  animation: logoslide 3s;
+}
+
+.artists .artist .logo:hover ~ .artist-genre {
   opacity: 1;
 }