.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%;
	}
}
