.gallery-container{position:relative;width:100%;overflow:hidden}.image-slider{display:flex;transition:transform .5s ease-in-out}.slide{min-width:100%;height:500px;background-size:cover;background-position:50%}.dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;z-index:2}.dot{height:10px;width:10px;margin:5px;background-color:#bebebe;border-radius:50%;cursor:pointer}.dot.active{background-color:#ffa704}.arrow{position:absolute;width:40px;height:40px;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);padding-bottom:3px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;z-index:2;color:#fff}.arrow:hover{background-color:hsla(0,6%,88%,.5)}.left-arrow{left:15px}.right-arrow{right:15px}.background-opacity{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);z-index:1}.text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:2;padding:10px;background-color:rgba(0,0,0,.6);border-radius:5px}