Update icons and fix cover

resources/themes/light/index.html

@@ -44,7 +44,7 @@
                                 {% if article.cover %}
                                 <img loading="lazy" src="{{ article.cover }}" alt="{{ article.title }}">
                                 {% else %}
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="static/img/newsreader-not-cover.png" alt="Not cover">
                                 {% endif %}
                             </a>
                         </p>

resources/themes/light/static/css/main.css

@@ -85,8 +85,8 @@ pre {
 
 .article__header-img > a > img {
     height: var(--height-img);
-    object-position: center;
-    object-fit: contain;
+    object-position: top;
+    object-fit: cover;
 }
 .article__random-background {
     height: 100%;

resources/themes/light/static/css/mobile.css

@@ -4,4 +4,10 @@
 
 .subtitle {
     font-size: 1rem;
+}
+
+.article__header-img > a > img {
+    height: initial;
+    object-position: initial;
+    object-fit: initial;
 }