diff --git a/core/templates/base.html b/core/templates/base.html
index 7c44941..0643219 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -12,6 +12,12 @@
     <link rel="stylesheet" href="{% static 'dist/css/adminlte.css' %}">
     <link rel="stylesheet"
           href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
+    <style>
+      .card-img {
+        aspect-ratio: 16 / 9;
+        object-fit: cover;
+      }
+    </style>
   </head>
   <body class="layout-top-nav" style="height: auto;">
     <div class="wrapper">
@@ -94,13 +100,13 @@
                     <a href="/view/{{ v.id }}">
                       <div class="card mb-2 bg-gradient-dark">
                         {% if v.thumbnail %}
-                          <img class="card-img-top"
+                          <img class="card-img"
                                src="/media/{{ v.thumbnail }}"
                                alt="Dist Photo 1"
                                style="max-width: 1280px;
                                       max-height: 720px">
                         {% else %}
-                          <img class="card-img-top"
+                          <img class="card-img"
                                src="{% static 'dist/img/default.png' %}"
                                alt="Dist Photo 1">
                         {% endif %}
