.posts-3 .card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  opacity: 0.7;
  background: var(--bs-body-bg);
  z-index: 10; }

.posts-3 .card .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; }

.posts-3 .card .card-text {
  display: none; }

.posts-3 .card:hover .card-img-overlay {
  height: 100%;
  background-color: rgba(var(--bs-body-bg-rgb), 0.7); }

.posts-3 .card:hover .card-title {
  margin: 2rem 0; }

.posts-3 .card:hover .card-text {
  display: block; }

@media (max-width: 768px) {
  .posts-3 .card-img-overlay {
    height: 40%; } }