.realisaties_imageGallery__bXBLx{display:flex;flex-wrap:wrap;gap:10px;list-style:none;align-content:flex-start;width:100%;margin:1em}.realisaties_imageGallery__bXBLx>li{flex:1 1 auto;height:300px;cursor:pointer;position:relative;margin-bottom:0;text-align:left;overflow:hidden;box-shadow:0 0 20px 0 rgba(0,0,0,.05)}.realisaties_imageGallery__bXBLx>li:before{content:"";background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7));width:100%;height:50%;opacity:0;position:absolute;top:100%;left:0;z-index:2;transition-property:top,opacity;transition-duration:.3s}.realisaties_imageGallery__bXBLx>li:focus .realisaties_detailItem__V4z6j,.realisaties_imageGallery__bXBLx>li:focus:before,.realisaties_imageGallery__bXBLx>li:hover .realisaties_detailItem__V4z6j,.realisaties_imageGallery__bXBLx>li:hover:before{opacity:1}.realisaties_imageGallery__bXBLx>li:focus:before,.realisaties_imageGallery__bXBLx>li:hover:before{top:50%}.realisaties_imageGallery__bXBLx>li:focus .realisaties_detailItem__V4z6j,.realisaties_imageGallery__bXBLx>li:hover .realisaties_detailItem__V4z6j{top:0;transition-delay:.05s}.realisaties_imageGallery__bXBLx:after{content:"";flex-grow:999}.realisaties_imageGallery__bXBLx li img{object-fit:cover;width:100%;height:100%;vertical-align:middle;border-radius:5px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.realisaties_imageGalleryDetails__gX6pD{font-size:16px;padding:20px;color:#fff;position:absolute;bottom:0;left:0;z-index:3;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%}.realisaties_imageGalleryDetails__gX6pD .realisaties_detailItem__V4z6j{display:block;opacity:0;position:relative;top:100px;transition-property:top,opacity;transition-duration:.3s;transition-delay:0s;width:80%;text-align:left;word-break:break-word;line-height:1;font-weight:500;font-size:16px}.realisaties_imageGalleryDetails__gX6pD .realisaties_detailItemImagePart__k6OFW{display:flex;flex-direction:row;align-items:center;gap:7px;width:20%;justify-content:flex-end}@media screen and (max-width:41em){.realisaties_imageGallery__bXBLx>li{width:100%}}@media screen and (max-width:56em){.realisaties_imageGallery__bXBLx>li{height:16em}}