@keyframes swipe-in{0%{transform:translateX(500%);opacity:0;pointer-events:none}to{transform:translateX(0);opacity:70%;pointer-events:none}}.image-card{display:flex;flex-direction:column;margin:12px;border-radius:12px;background-color:#2e2e2e;width:500px;max-height:700px;max-width:500px;transition:.5s;border:2px solid hsla(0,0%,100%,0);opacity:70%;animation:swipe-in 1s;height:300px}.image-card:hover{translate:0 50px;border-color:#fff;opacity:100%;height:650px;transition:.5s}.image-card:active{translate:0 50px;border-color:#d9ff00;opacity:100%}.image-card-title{justify-self:center;font-size:large;align-self:center;margin:12px;text-shadow:5px 5px 10px #000}.image-component-trim{border-radius:12px;max-width:500px;max-height:200px;min-height:200px;height:100%;overflow:hidden;border:2px solid #d4fabf;margin:0 12px 12px;box-shadow:1px 5px 5px rgba(0,0,0,.397)}.image-component{translate:-30% -25%;scale:50%;z-index:0;position:relative}.image-box{display:flex;flex-direction:column;align-items:space-around;background-size:300%;background-position-x:50%;width:100%;border-top:1px;border-bottom:1px;border-bottom-color:rgba(92,91,91,0);border-top-color:rgba(92,91,91,0);border-left:0 solid rgba(92,91,91,0);border-bottom-style:solid;border-right:0 solid rgba(92,91,91,0);border-top-style:solid;margin-top:12px;margin-bottom:12px;overflow:hidden;transition:.5s;height:0;min-height:0}.image-card:hover .image-box{height:100%;transition:.5s;border-color:#5c5b5b}.image-card-description{margin:10px}.image-card-description-filled{height:100%;align-content:center;text-align:center}.image-component-el{margin-top:5px;margin-bottom:24px}.image-card-link-group{height:100%;width:100%;display:flex;flex-direction:row;align-content:center;justify-content:center}@media (max-width:1500px){.image-card{width:90vw;max-width:500px;min-width:100px;min-height:200px;max-height:100vh;align-self:center}.image-card:hover{translate:0 0;opacity:100%;transition:.5s;min-height:700px;max-height:100vh}.image-card:active{translate:0 0;border-color:#d9ff00;opacity:100%}.image-component-trim{max-width:90%;max-height:200px;justify-self:center;align-self:center}}