I can’t remember what site I came across but I loved what they did with shadows on some banners…inspected the site and saw they used images.  I wondered what it’d look like to make all my fullwidth Divi banners have lifted-corner effects and did it on this site.

Then posted a how to video.  Code used is below.

.drop-shadow {
 position:relative;
 background:#fff;
 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,
.drop-shadow:after {
 content:"";
 position:absolute; 
 z-index:-2;
}
.lifted {
 -moz-border-radius:4px; 
 border-radius:4px;
}
.lifted:before,
.lifted:after { 
 bottom:15px;
 left:10px;
 width:50%;
 height:20%;
 max-width:400px;
 -webkit-box-shadow:0 20px 10px rgba(0, 0, 0, 0.7); 
 -moz-box-shadow:0 20px 10px rgba(0, 0, 0, 0.7);
 box-shadow:0 20px 10px rgba(0, 0, 0, 0.7);
 -webkit-transform:rotate(-3deg); 
 -moz-transform:rotate(-3deg); 
 -ms-transform:rotate(-3deg); 
 -o-transform:rotate(-3deg);
 transform:rotate(-3deg);
}
.lifted:after {
 right:10px; 
 left:auto;
 -webkit-transform:rotate(3deg); 
 -moz-transform:rotate(3deg); 
 -ms-transform:rotate(3deg); 
 -o-transform:rotate(3deg);
 transform:rotate(3deg);
}
.z-index-bottom {
 z-index:-99;
}