init

static/Vvvebjs/demo/landing/scss/sections/posts/posts-1.scss

@@ -0,0 +1,3 @@
+.posts-1 {
+	padding:3rem;
+}

static/Vvvebjs/demo/landing/scss/sections/posts/posts-3.scss

@@ -0,0 +1,57 @@
+.posts-3 .card {
+  	  //color: var(--bs-body-bg);
+
+	 &::before {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		content: " ";
+		opacity: 0.7;
+		background: var(--bs-body-bg);
+		z-index: 10;
+	}
+	 
+	 .card-img-overlay {
+	  bottom: 0px;
+	  top: auto;
+	  -webkit-transition: 0.2s ease-in;
+	  -o-transition: 0.2s ease-in;
+	  transition: 0.2s ease-in;
+	  height: 50%;
+	  z-index:20;
+	}
+
+	 .card-title {
+		//color: var(--bs-body-bg);
+	}
+
+	 .card-text {
+	  display: none;
+	}
+
+	&:hover {
+		 //color: var(--bs-body-bg);
+		 
+		.card-img-overlay {
+		  height: 100%;
+		  background-color: rgba(var(--bs-body-bg-rgb), 0.7);
+		  }
+
+		.card-title {
+		  margin: 2rem 0;
+		}
+
+		.card-text {
+		  display: block;
+		}
+	}
+
+}
+
+@media (max-width:768px) {
+	.posts-3 .card-img-overlay {
+		height: 40%;
+	}
+}