JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus erat vitae quam convallis aliquam</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus erat vitae quam convallis aliquam</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus erat vitae quam convallis aliquam</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus erat vitae quam convallis aliquam</li>
</ul>

CSS

ul{
 margin: 0;
    padding: 0;
}
li{
    width: 50%;
    font-size: 1.5em;
    float: left;
    list-style: none;
    padding: 1em;
    box-sizing: border-box;
    position: relative;
}
li:not(:nth-last-child(2)):not(:last-child){
   box-shadow: 0 53px 9px -56px #000;
}
li:not(:nth-last-child(2)):not(:last-child):nth-child(2n+1){
   box-shadow: 0 53px 9px -56px #000, 53px 0px 9px -56px #000;
}
li:nth-child(2n+1){
    box-shadow: 53px 0px 9px -56px #000;
}