diff --git a/layout/_partial/article.ejs b/layout/_partial/article.ejs
index 21a2f4b..95ca077 100644
--- a/layout/_partial/article.ejs
+++ b/layout/_partial/article.ejs
@@ -2,7 +2,7 @@
 <div class="post">
     <div class="post-header">
         <h1 class="article"><%= page.title  || "Untitled" %></h1>
-        <% if(page.photos) { %>
+        <% if(page.photos && page.photos.length) { %>
             <div class="cover">
                 <img class="gallery" src="<%- config.root %><%- page.photos[0] %>" alt="<%- page.title || "Untitled" %>">
             </div>
diff --git a/layout/_partial/post_feed.ejs b/layout/_partial/post_feed.ejs
index 27112d1..c4636d8 100644
--- a/layout/_partial/post_feed.ejs
+++ b/layout/_partial/post_feed.ejs
@@ -1,6 +1,6 @@
 <!-- This is the template for the post. It is used to display the posts in the feeds. -->
 <div class="post post-feed">
-    <% if(post.photos) { %>
+    <% if(post.photos && post.photos.length) { %>
         <div class="cover">
             <a href='<%= url_for(post.path) %>'>
                 <img class="gallery" src="<%- config.root %>thumbnails/<%- post.photos[0].replace(/^images\//, '') %>" alt="<%- post.title || 'Untitled' %>">
diff --git a/source/css/style.css b/source/css/style.css
index 94ff80a..d970ac4 100644
--- a/source/css/style.css
+++ b/source/css/style.css
@@ -283,6 +283,12 @@ img:hover {
     font-style: italic;
 }
 
+iframe {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 16 / 9;
+}
+
 /* Post - Top section */
 .article {
     font-size: 35px !important;