diff --git a/resources/assets/sass/_bootstrap-custom.scss b/resources/assets/sass/_bootstrap-custom.scss
index a56818a..bafdd03 100644
--- a/resources/assets/sass/_bootstrap-custom.scss
+++ b/resources/assets/sass/_bootstrap-custom.scss
@@ -6,4 +6,14 @@
 .card-img-right {
     width: 100%;
     @include border-right-radius($card-inner-border-radius);
+}
+
+.card-img-top-to-left {
+    width: 100%;
+    @include media-breakpoint-down(md) {
+        @include border-top-radius($card-inner-border-radius);
+    }
+    @include media-breakpoint-up(lg) {
+        @include border-left-radius($card-inner-border-radius);
+    }
 }
\ No newline at end of file
diff --git a/resources/views/components/link-card.blade.php b/resources/views/components/link-card.blade.php
index 5b99fd4..94c17f9 100644
--- a/resources/views/components/link-card.blade.php
+++ b/resources/views/components/link-card.blade.php
@@ -2,7 +2,7 @@
     <a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener">
         <div class="row no-gutters">
             <div class="col-12 col-md-6">
-                <img src="" alt="Thumbnail" class="card-img-left bg-secondary">
+                <img src="" alt="Thumbnail" class="card-img-top-to-left bg-secondary">
             </div>
             <div class="col-12 col-md-6">
                 <div class="card-body">