CSS

CSS Image accordion

.image-accordion > div {
    transition:400ms;
    flex:1;
    padding:.5rem;
    z-index:5;
    box-shadow:0px 0px 0px 0px transparent;
    min-height: 10vh;
  }

  @media only screen and (min-width: 1250px) {
    .image-accordion {
      display:flex;
      min-height: 40vh;
      /* This Class needs a background image */
    }
    
    .image-accordion > div:hover {
      flex:2;
      z-index:10;
      box-shadow:0px 0px 25px 2px rgba(0,0,0,0.5);
    }
  }