.card-container{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px}.card{box-sizing:border-box;color:#fdfdfc!important;cursor:pointer;flex:1 1 200px;margin:10px;max-width:25%;transition:opacity .3s ease}.card img{border-radius:2.5%;display:block;object-fit:cover;width:100%}.card h3,.card p{color:#fdfdfc;margin:10px 0;text-align:center}.info-text{color:#fdfdfc;min-height:80px;padding:0 40px;transition:opacity .5s ease}.info-text,.mobile-only{display:none}.desktop-only{display:block;margin-top:20px}.card-container .card:hover{opacity:1}.card-container .card:hover~.card,.card-container .card:not(:hover),.card-container:hover .card{opacity:.5}.card-container:hover .card:hover,.card-container:not(:hover) .card{opacity:1}@media (max-width:768px){.card{max-width:100%}.mobile-only{display:block;opacity:0}.desktop-only{display:none}}