*{box-sizing:border-box;}
.clear{clear:both;float:none;width:100%;}
.container{max-width:1170px;width:100%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto;}
.gallery a img{float:left;height:auto;border:2px solid #fff;-webkit-transition:-webkit-transform .15s ease;-moz-transition:-moz-transform .15s ease;-o-transition:-o-transform .15s ease;-ms-transition:-ms-transform .15s ease;transition:transform .15s ease;position:relative;}
.gallery a:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);z-index:5;cursor:zoom-in}
.gallery a.big img{width:40%;}
.align-center{text-align:center;}
.sl-overlay{background:#0b0808;}
.sl-wrapper .sl-image img{margin:0;padding:0;display:block;width:100%;height:auto;border:10px solid #fff;border-radius:4px;}
.gallery a img{border:1px solid #999!important;}
.sl-image img {cursor: pointer;}
.gallery a {display: block; position: relative; outline: none;}
.gallery a:focus img {box-shadow: 0 0 0 2px black; border-radius: 5px;}
.gallery a:focus-visible {outline: none}
/*html.has-lightbox { overflow: hidden; }*/
.gallery a {display: inline-block;}
.gallery a img {display: block; max-width: 100%; height: auto;}
<style>
#galerie{width:auto;}
/* .gallery{width: 90vW; z-index:9} */
.gallery{z-index:9}
.gallery a img{height: 100%; width: auto}
p.gallery a img{border:1px solid silver!important;}

@media only screen and (min-width: 700px) {
/* gallery outbreak */
.outbreak{width: 95vW}
/* p.gallery a img{width:40vW;margin-right:8px!important;margin-bottom:8px!important;} */
}
@media only screen and (min-width: 1024px) {
.outbreak{width: 85vW}
/* p.gallery a img{width:40vW;} */
}
@media only screen and (min-width: 1280px) {
.outbreak{width: 72vW}
/*p.gallery a img{width:30vW;} */
}
</style>