<style>
.outermost {
border: 4px solid #000;
width: 200px;
height: 200px;
border-radius: 40px;
overflow: hidden;
}
.middle {
border: 4px solid #888;
border-radius: 60px;
background-color: #008;
width: 200px;
height: 200px;
position: relative;
left: 100px;
top: 100px;
overflow: hidden;
}
.inner {
border: 4px solid #AAA;
width: 80px;
height: 400px;
background-color: #080;
position: relative;
left: 20px;
top: -100px;
will-change: transform;
}
</style>
<div class="outermost">
<div class="middle">
<div class="inner">
</div>
</div>
</div>