.card{width:auto;height:auto;position:relative;margin:10px}.card .hoverImage{position:absolute;top:0;left:0;width:100%;height:98%;z-index:1;opacity:0;background-color:rgba(0,0,0,.5);transition:opacity .2s ease;display:flex;justify-content:center;align-items:center}.card .hoverImage div{width:85%;height:85%}.card .hoverImage div h2{color:var(--White-color);font-family:var(--Bold-font);cursor:default}.card .hoverImage div p{font-family:var(--Light-font);color:var(--White-color);cursor:default}.card:hover .hoverImage{opacity:1;transition:opacity .2s ease}