.card{border-radius:10px;display:flex;flex-direction:column-reverse;gap:3rem;margin-bottom:6rem;overflow:hidden;&:hover{.card__img{opacity:0}.card__gif{opacity:1}}}.card__description{margin-bottom:4rem;margin-top:2rem}.card__media{position:relative}.card__img{border-radius:10px;height:auto;width:100%}.card__gif{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease}@media only screen and (min-width:37.5em){.projects-list{margin:4rem 0}.card{flex-direction:row}.card__content,.card__media{width:50%}}