.gallerycontainer {
    display: flex;
    width: 100%;
    padding: 4% 1%;
    box-sizing: border-box;
    height: 40vh;
    padding-top: 0%;
  }
  
  .gal_box {
    flex: 1;
    overflow: hidden;
    transition: .5s;
    margin: 0 1%;
    box-shadow: 0px 0px 10px rgb(239 0 181);
    line-height: 0;
  }
  
  .gal_box > img {
    width: 200%;
    height: calc(100% - 0vh);
    object-fit: cover; 
    transition: .5s;
  }
  
  .gal_box > span {
    font-size: 3.8vh;
    display: block;
    text-align: center;
    height: 10vh;
    line-height: 2.6;
  }
  
  .gal_box:hover { flex: 1 1 5%; }
  .gal_box:hover > img {
    width: 100%;
    height: 100%;
  }