.card-skewed{display:flex;margin:auto;max-height:550px;max-width:100%}.card-skewed.left{flex-direction:row}.card-skewed.right{flex-direction:row-reverse}.card-skewed .card-skewed-image img{height:100%;object-position:top center}.card-skewed.left .card-skewed-image img{-webkit-clip-path:polygon(0 0,100% 0,80% 100%,0 100%);clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}.card-skewed.right .card-skewed-image img{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);clip-path:polygon(0 0,100% 0,100% 100%,20% 100%)}.card-skewed.left .card-skewed-text,.card-skewed.right .card-skewed-text{align-self:center;max-width:620px}@media (max-width:1024px){.card-skewed.left,.card-skewed.right{flex-direction:column}.card-skewed{max-height:9999px}.card-skewed.left .card-skewed-image img,.card-skewed.right .card-skewed-image img{-webkit-clip-path:polygon(0 0,100% 0,100% 80%,0 100%);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);height:100%}.card-skewed-image,.card-skewed-text,.card-skewed.left .card-skewed-image,.card-skewed.left .card-skewed-text,.card-skewed.right .card-skewed-image,.card-skewed.right .card-skewed-text{width:100%}}