.hover{display:flex;justify-content:space-between}.hover__column{cursor:pointer;opacity:.5;position:relative;text-align:center;transition:all .3s}.hover__column img{margin-bottom:15px}.hover__content{background:#fff;border-radius:6px;bottom:110%;box-shadow:0 1px 4px rgba(0,0,0,.2);display:none;left:50%;opacity:0;padding:20px;position:absolute;transform:translate(-50%);transition:all .3s;width:350px}.hover__column:hover{opacity:1}.hover__column:hover>.hover__content{display:block;opacity:1}.main__content h4{font-size:20px;font-weight:700}@media screen and (max-width:768px){.hover{flex-wrap:wrap;justify-content:center}.hover__column{width:50%}}