.event-card{position:relative}.event-card:after{content:"";z-index:1;background-color:#0c191d80;width:100%;height:100%;transition:all .3s;position:absolute;top:0;right:0}.event-card .content{transition:all .3s}.event-card:hover:after{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:#0c191d99}.event-card:hover .content{opacity:0}.event-card:hover .hover-content{opacity:1}.event-card .hover-content{z-index:2;opacity:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}