video include fehler

_includes/video.html

@@ -3,11 +3,11 @@
 {% for vid in relevent_media -%}
 {% if vid.uid == {{include.uid}} -%}
 {%- assign realslug = vid.url | split:'/' | last -%}
-<img class="vimage1" src="https://video.chaotikum.net/thumbnails/2023-11-04-nook-by-numbers.jpg">
+<img class="vimage1" src="https://video.chaotikum.net/thumbnails/{{realslug}}.jpg">
 <img class="vimage2" src="/assets/video_overlay.png">
 <a href="{{ site.baseurl }}{{ vid.url }}"><img class="vimage3" src="/assets/video_overlay2.png"></a>
 <div class="includemediatext includemediatext_1">
-<h3><a href="{{ site.baseurl }}{{ vid.url }}">{{vid.title}}</a></h3> 
+<h3 style="position: relative; max-width: 80%; min-width: 80%;"><a href="{{ site.baseurl }}{{ vid.url }}">{{vid.title}}</a></h3> 
 </div>
 {% endif -%}
 {% endfor -%}

_sass/_normalize.scss

@@ -128,6 +128,7 @@ figcaption {
 
 .image_wrapper {
   position: relative;
+  justify-content: center;
   width: 100%;
 }
 
@@ -144,6 +145,8 @@ figcaption {
 .vimage1 {
   top: 0;
   left: 0;
+  max-width: 80%; /* 1 */
+  min-width: 80%; /* 1 */
   position: relative;
   border-radius: 10px;
 }
@@ -151,6 +154,8 @@ figcaption {
 .vimage2 {
   top: 0;
   left: 0;
+  max-width: 80%; /* 1 */
+  min-width: 80%; /* 1 */
   position: absolute;
   border-radius: 10px;
   opacity: 0.7;
@@ -159,6 +164,8 @@ figcaption {
 .vimage3 {
   top: 0;
   left: 0;
+  max-width: 80%; /* 1 */
+  min-width: 80%; /* 1 */
   position: absolute;
   border-radius: 10px;
   opacity: 0.2;