h4,p{ text-shadow: 3px 2px 20px #0000 !important; color: #e6e4e4 !important; } .blog-header { text-align: center; padding: 2rem 0; background-color: #525151; color: #4f4b4b; } .blog-content{ background-color: #ccc !important; } .post-card { transition: transform 0.3s ease; display: flex; flex-direction: column; height: 100%; /* Full height for uniformity */ } .post-card:hover { transform: translateY(-5px); } .post-card img { height: 400px; object-fit: cover; } .post-meta { color: #6c757d; } .blog-content { padding: 2rem 0; } .expand-content { display: none; padding: 1rem; border: 1px solid #ddd; border-radius: 8px; background-color: #f9f9f9; margin-top: 1rem; transition: all 0.3s ease; } .expand-content img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem; } .quote { font-style: italic; color: #555; } p{ color: #555 !important; } .card-body{ height: 200px !important; } .div-card-blog{ height: 100vh !important; }