.card{position:relative;border-radius:15px;overflow:hidden}
.card img{width:100%}
.overlay{position:absolute;top:0;left:0;background:rgba(0,0,80,0.8);color:#fff;width:100%;height:100%;opacity:0;transition:.3s;display:flex;flex-direction:column;justify-content:center;align-items:center}
.card:hover .overlay{opacity:1}
.info{padding:10px}
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
.popup-content{background:#fff;margin:5% auto;padding:20px;width:60%}