Fix hero BG

static/css/toledot.css

@@ -48,6 +48,13 @@ ul {
     background-color: #fafafa;
 }
 
+body.dark-mode .hero {
+    background: url(/img/hero-bg-invert.png);
+    background-size: cover;
+    background-position: center;
+    background-color: #282828;
+}
+
 .hero ul {
     font-size: 20pt;
     list-style-type: none;
@@ -56,6 +63,10 @@ ul {
     padding: 1rem;
 }
 
+body.dark-mode .hero * {
+    background-color: transparent;
+}
+
 .hero ul li {
     margin: 1rem 0;
     padding: 0;