.lecture-card { position: relative !important; overflow: hidden !important; } .lecture-overlay { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,.6) !important; opacity: 0 !important; transition: opacity .35s ease !important; z-index: 5 !important; } .lecture-card:hover .lecture-overlay { opacity: 1 !important; } .lecture-overlay { transform: translateY(20px); transition: opacity .35s ease, transform .35s ease; } .lecture-card:hover .lecture-overlay { opacity: 1 !important; transform: translateY(0); } .lecture-image{ transition: transform .45s ease; } .lecture-card:hover .lecture-image{ transform: scale(1.05); }  .mobile-only { display: none; } @media (max-width: 767px) { .desktop-only { display: none !important; } .mobile-only { display: block !important; } }