@keyframes upDown{0%{top:0}50%{top:5px}to{top:0}}.cards-class{gap:3vw;width:60%}.cards-class>a{color:#fff;display:flex;background:#7f1414;border-radius:1vw;box-shadow:.6vw .2vw 1vw #00000080;flex-wrap:nowrap;height:22vh;width:21vw;text-decoration:none;gap:.5vw}.cards-class>a>div{padding:1vw;width:60%;gap:1vh}.cards-class>a>div h1{font-weight:700;font-size:1.2vw;width:10vw;margin:.5vw 0vw}.cards-class>a>div h2{color:#000;background:#fff;border-radius:1vw;text-align:center;width:fit-content;text-wrap:nowrap;padding:.3vw 1vw;font-size:.8vw;font-weight:700;margin:.5vw 0vw}.cards-class>a>div p{margin:.5vw 0vw;font-size:.7vw;max-height:5vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.cards-class>a>img{border-radius:1vw;height:100%;width:40%;object-fit:cover}.card-fx{margin-top:3rem;position:relative;border-radius:.5vw;padding:1.5vw;gap:1vw;background:#f4f4f4;transition:background-color .3s;overflow:hidden}.card-fx:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in-out;z-index:0;mix-blend-mode:multiply}.card-fx:hover:before{opacity:.5}.card-fx h1{color:#7f1414;font-weight:700;font-size:2vw;margin:0}.card-fx p{font-size:.8vw;margin:0}