.image_accordion {
  height: 600px;
  flex-direction: column;
  display: flex;
}

.image_accordion_item{
  display: grid;
  place-items: center;
  margin: 0 0 10px 0;
  list-style: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: saturation;
  position: relative;
  overflow: hidden;
  flex: 1;
  transition: flex .4s;
  flex-basis: 40%;
  box-shadow: inset 0 -3em 3em rgba(0,0,0,0.4);
}

.image_accordion_item:last-child{
  margin-bottom: 0; 
}

.image_accordion_item.focus-within, 
.image_accordion_item.image_accordion_active {
  flex: 1.5 1 0%;
  flex-basis: 80%;
}

.image_accordion_item.focus-within .image_accordion_title,
.image_accordion_item .image_accordion_title {
  display: inline-block;
  padding: .25em 1em;
  color: #000;
  background-color: #e9c829;
  background-color: rgba(233,200,41,.85);
  border: 1px solid transparent;
  font-size: 1em;
  text-align: center;
}

.image_accordion_item.focus-within a,
.image_accordion_item a {
  color:#000;
  background-color: #e9c829;
  background-color: rgba(233,200,41,.85);
  text-decoration: none;
}

.image_accordion_item.focus-within a:hover .image_accordion_title,
.image_accordion_item.focus-within a:focus .image_accordion_title,
.image_accordion_item a:hover .image_accordion_title,
.image_accordion_item a:focus .image_accordion_title{
  color: #fff;
  background-color: #2e7144;
  background-color: rgba(46,113,68,.85);
}

.image_accordion_overlay{
	display: grid;
	place-items: center;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background-color .4s;
}

@media screen and (min-width: 48em) {
  .image_accordion {
    height: 290px;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .image_accordion .image_accordion_item{
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .image_accordion .image_accordion_item:last-child{
    margin-bottom: 0; 
  }
}

@media screen and (min-width: 70em) {
  .image_accordion {
    flex-wrap: nowrap;
  }
}