.gallery-container{margin:20px 0;width:100%}.row{overflow:hidden;position:relative;top:-20px;height:200px;width:100%}.row:nth-child(2){top:-40px}.row:nth-child(3){top:-60px}.row-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;position:absolute;top:20px;left:0;display:flex;flex-direction:row}.element{position:relative;height:100%;overflow:hidden;flex-shrink:0}.element img{height:100%}.element-overlay{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em;background-color:rgba(0,0,0,.3);color:#fff;opacity:0;transform:rotateZ(-10deg) scale(.8);transition:all .3s ease}.element:hover .element-overlay{opacity:1;transform:none}.scrollbar{width:0%;height:3px;position:absolute;bottom:2px;margin-left:5px;margin-right:5px;background-color:rgba(200,200,200,.8);border-radius:3px;opacity:0;transition:opacity .1s ease,left .1s ease}.row:hover .scrollbar{opacity:1}.arrow{width:40px;height:100%;position:absolute;top:20px;z-index:15;cursor:pointer;background-color:rgba(0,0,0,.5);transition:all .1s ease}.arrow:hover{background-color:rgba(0,0,0,.8)}.arrow img{width:100%;position:absolute;top:50%;left:50%}.left-arrow{left:0}.left-arrow img{transform:translate(-50%,-50%) rotateZ(-90deg)}.right-arrow{right:0}.right-arrow img{transform:translate(-50%,-50%) rotateZ(90deg)}.row-1{height:calc(200px - 20px)}.row-2{height:calc(2 * (200px - 20px))}.row-3{height:calc(3 * (200px - 20px))}.row-4{height:calc(4 * (200px - 20px))}.row-5{height:calc(5 * (200px - 20px))}@media screen and (max-width:700px){.row-1{height:calc(150px - 20px)}.row-2{height:calc(2 * (150px - 20px))}.row-3{height:calc(3 * (150px - 20px))}.row-4{height:calc(4 * (150px - 20px))}.row-5{height:calc(5 * (150px - 20px))}.row{height:150px}}