.flexeo {
  display: flex;
  flex-direction: column;
  height: 400px;
  justify-content: center;
  align-items: center;
}

#slideset1 {
  height: 10em; 
  position: relative;
  height: 300px;
  margin-bottom: 10px;

}

#slideset1 > div  {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

#slideset1 > div > img {
  object-fit: contain;
  margin-top: 0px;
  width: 100%;
  height: 100%;
}
#slideset1 .flexeo .image {
  display: none;
}

#slideset1 > * {visibility: hidden; position: absolute;
  top: 0; left: 0; animation: 8s autoplay1 infinite}
@keyframes autoplay1 {
  0% {visibility: visible}
  45% {visibility: hidden}
}

#slideset1 > *:nth-child(1) {animation-delay: 0s}
#slideset1 > *:nth-child(2) {animation-delay: 8s}

@media ( min-width: 768px) {
  #slideset1 {
    height: 300px;
    margin: 60px 0px;
  }
  #slideset1 .flexeo .image {
    width: 50%;
    height: 50%;
    display: block;
  }
}

@media (min-width: 1196px) {
  #slideset1 {
    height: 500px;
  }
}