diff --git a/assets/css/styles.css b/assets/css/styles.css
index a2cec1e..6ed50b0 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -8138,6 +8138,19 @@ textarea.form-control-lg {
   border-top-left-radius: 0.25rem !important;
 }
 
+@media (max-width: 575.98px) {
+  .rounded-top-sm {
+    border-top-left-radius: 0.25rem !important;
+    border-top-right-radius: 0.25rem !important;
+  }
+}
+@media (min-width: 575.98px) {
+  .rounded-start-md {
+    border-bottom-left-radius: 0.25rem !important;
+    border-top-left-radius: 0.25rem !important;
+  }
+}
+
 .visible {
   visibility: visible !important;
 }
diff --git a/templates/games.html b/templates/games.html
index 4f8aa86..34394a5 100644
--- a/templates/games.html
+++ b/templates/games.html
@@ -14,7 +14,7 @@
   <div class="card mt-3">
       <div class="row g-0" >
           <div class="col-md-4" >
-              <img src="{{image|url}}" class="img-fluid rounded-start" >
+              <img src="{{image|url}}" class="img-fluid rounded-start-md rounded-top-sm" >
           </div>
           <div class="col-md-8" >
               <div class="card-body h-100 position-relative" >