ENFOLD CSS: Inset Shadow for Layerslider is overlaid by the images – how to fix?

Hi,

my site is still under construction, but I discovered the same behaviour at the demo site here », so please take a look there:

The Layerslider IMAGES overlay the inset box-shadow CSS of the Layerslider container:

I figured out with Firefox’ Firebug, that this part

<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_one_third avia-builder-el-first container_wrap fullsize" style="height: auto;">

has the CSS class

.avia-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

This inset shadow, however, is overlaid by all the images of the slider itself:

When all images are loaded, the shadow has disappeared:

Is there a possibility, that this INSET SHADOW on top of the layerslider DIV is always there and is NOT OVERLAID by the slider images?
Here a Photoshop composing of this demo site, explaining perhaps better what I mean:

Thank you.