activated lightbox on cards, started to dev modal-card

web/themes/custom/materiotheme/assets/dist/main.css

@@ -1744,17 +1744,36 @@ article.card {
       width: 100%;
       height: 100%; }
     article.card section.images figure {
+      cursor: pointer;
       margin: 0;
       position: absolute;
       top: 0;
-      left: 0; }
+      left: 0;
+      transition: opacity 0.2s ease-in-out; }
       article.card section.images figure:first-of-type {
         z-index: 5; }
+      article.card section.images figure.show {
+        opacity: 1;
+        z-index: 6; }
+      article.card section.images figure.hide {
+        opacity: 0; }
       article.card section.images figure img.blank {
         position: absolute;
         top: 0;
         left: 0;
         z-index: 20; }
+  article.card.search-card > header {
+    cursor: pointer; }
+  article.card.modal-card {
+    display: flex;
+    flex-flow: row-reverse nowrap;
+    width: 850px;
+    height: 610px; }
+    article.card.modal-card > .col {
+      flex-basis: 50%; }
+    article.card.modal-card section.col-right header {
+      position: relative;
+      bottom: auto; }
 
 #main-content > article.article div.cols {
   display: grid;