feat(shortcodes): external card link (youtube)

assets/sass/card.scss

@@ -1,6 +1,49 @@
 .card {
-    padding: 1rem;
+    padding: 0.5rem;
     border: 1px solid gray;
     border-radius: 2px;
     background-color: #ecf0f1;
+    display: flex; 
+    gap: 2rem;
+
+    .card-image {
+        display: block;
+        margin-right: 0rem;
+        overflow: hidden;
+        height: 100%;
+        width: 300px;
+        flex-grow: 0;
+        flex-shrink: 0;
+    }
+
+    .card-action {
+        text-decoration: underline;
+    }
+
+    color: black;
+    text-decoration: none;
 }
+
+@media (max-width: $sm-breakpoint) {
+    .card-link {
+        gap: 1rem;
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .card-link {
+        .card-image {
+            width: 200px;
+            height: 100%;
+        }
+    }
+}
+
+@media (max-width: $xs-breakpoint) {
+    .card-link {
+        .card-image {
+            width: 100% !important;
+        }
+    }
+}
+