Added season and episode numbers on hover

dashboard.php

@@ -50,7 +50,10 @@ $table = $conn->query("SELECT * FROM user" . $user_id . " ORDER BY name;");
     $i = 0;
     while($row = $table->fetch_assoc()):
   ?>
-  <div><img src='https://image.tmdb.org/t/p/original<?php echo $row["poster"];?>' class='poster' alt='<?php echo $row["name"];?>' onclick='openPopup(<?php echo $i;?>)'></div>
+  <div class='entry'>
+    <img src='https://image.tmdb.org/t/p/original<?php echo $row["poster"];?>' class='poster' alt='<?php echo $row["name"];?>' onclick='openPopup(<?php echo $i;?>)'>
+    <div class='info'>Season <span><?php echo $row["season"]; ?></span><br>Episode <span><?php echo $row["episode"]; ?></span> </div>
+  </div>
 
     <div id='popup<?php echo $i;?>' class='popup'>
         <div class='popup-content'>

style.css

@@ -103,6 +103,32 @@ form {
   border-radius: 1rem;
 }
 
+.entry {
+  position: relative;
+  text-align: center;
+}
+
+.info {
+  position: absolute;
+  bottom: 1rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  opacity: 0;
+  transition: opacity 200ms;
+  padding: .5rem 1rem;
+  border-radius: 1rem;
+  background: rgba(0, 0, 0, 0.7);
+  width: calc(100% - 2rem);
+}
+
+.info span {
+  font-size: 150%;
+}
+
+.entry:hover > .info {
+  opacity: 1;
+}
+
 .popup {
   display: none;
   position: fixed;