.shape-testing{overflow:hidden}.shape{background:linear-gradient(90deg,#e9ddf1,#fff);clip-path:polygon(0 0,100% 9%,100% 93%,0 100%);width:893.5px;height:100%;z-index:-1;transition:all .5s ease-in-out;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.shape-wrapper{filter:url(#flt_tag);position:absolute;top:0;left:0;right:0;bottom:30px}.content-wrapper:hover .shape{transform:rotate(2deg)}@media (min-width:1024px){.content-wrapper{padding:30px;margin:15px}.shape{width:1000px;height:89%;clip-path:polygon(0 0,100% 8%,100% 92%,0 100%)}}@media (max-width:768px){.content-wrapper{padding:10px;margin:5px}.shape{width:100%;height:auto;clip-path:polygon(0 0,100% 9%,100% 93%,0 100%)}}@media (max-width:480px){.content-wrapper{padding:5px;margin:2px}.shape{background:linear-gradient(90deg,#e9ddf1,#fff);border:2px solid;border-image-source:linear-gradient(180deg,#fff 25.29%,#ffbaf0 97.46%);clip-path:polygon(0 0,100% 9%,100% 93%,0 100%);width:100%;min-height:100vh;z-index:-1;transition:all .5s ease-in-out}}.shape-reverse-testing{overflow:hidden}.content-wrapper{position:relative;padding:20px;margin:10px}.shape_reverse{background-color:red;background:linear-gradient(270deg,#fff,#e9ddf1);border:2px solid;border-image-source:linear-gradient(180deg,#ffbaf0 2.54%,#fff 74.71%);clip-path:polygon(100% 100%,0 91%,0 7%,100% 0);width:893.5px;height:100%;z-index:-1;transition:all .5s ease-in-out}.shape-reverse-wrapper{filter:url(#flt_tag);position:absolute;top:0;left:0;right:0;bottom:30px}.content{position:relative}.content-wrapper:hover .shape_reverse{transform:rotate(-2deg)}.flt_svg{visibility:hidden;width:0;height:0}@media (min-width:1024px){.content-wrapper{padding:30px;margin:15px}.shape_reverse{margin-left:auto;width:90%;height:89%;clip-path:polygon(100% 100%,0 92%,0 8%,100% 0)}}@media (max-width:768px){.content-wrapper{padding:10px;margin:5px}.shape_reverse{width:100%;height:auto;clip-path:polygon(100% 100%,0 91%,0 7%,100% 0)}}@media (max-width:480px){.content-wrapper{padding:5px;margin:2px}.shape_reverse{width:100%;min-height:100vh;background:linear-gradient(270deg,#fff,#e9ddf1);border:2px solid;border-image-source:linear-gradient(180deg,#ffbaf0 2.54%,#fff 74.71%);clip-path:polygon(100% 100%,0 91%,0 7%,100% 0);z-index:-1;transition:all .5s ease-in-out}}