send style of no image to collection list of table, cards and grids

src/assets/scss/_list-post.scss

@@ -67,6 +67,11 @@
                     width: 40px;
                     height: 40px;
                 }
+                .image-placeholder {
+                    height: 40px;
+                    width: 40px;
+                    border-radius: 50%;
+                }
             }
             .collection-title{
                 font: {
@@ -114,6 +119,13 @@
             width: 275px;
             height: 250px;
         }
+        .image-placeholder {
+            height: 250px;
+            width: 250px;
+            > h4 {
+                font-size: 48px;
+            }
+        }
     }
     .tainacan-list-collection--card {
         &:hover {
@@ -133,6 +145,15 @@
             width: 172px;
             height: 172px;
         }
+        .image-placeholder {
+            height: 172px;
+            width: 172px;
+            margin-right: 1rem;
+            > h4 {
+                text-align: center;
+                font-size: 48px;
+            }
+        }
         .media-body {
             p {
                 font: {

src/assets/scss/style.scss

@@ -395,6 +395,22 @@ form{
     appearance: none;
 }
 
+
+.image-placeholder {
+    background-color: #cbcbcb;
+    display: flex;
+    margin: 0 auto;
+    > h4 {
+        /* align-self: center;
+        text-align: center;
+        width: 100%; */
+        flex: auto;
+        margin-top: auto;
+        margin-bottom: auto;
+        color: #fff
+    }
+}
+
 @import "_comments";
 
 @import "_list-post";