 class="inner" style="clip-path: xywh(10% 20px 30px 40%)"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: xywh(10px 20px -30px 40px)"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: xywh(10px -20px 30px 40px)"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: rect(0 30% auto 10%)"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: rect(50px 70px 80% 20%)"></div>
</div>
<div class="outer">
    <div class="i