.slider-container {
  position: relative;
  display: flex;
  width:1000px;
  height: 400px;
  margin-bottom: 0px;
}

/* 画像コンテナ */
.image-container {
  position: absolute;
  margin: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 画像 */
.image-container img {
  position: absolute;
  margin: 0px;
  width: 1000px;
  height: 400px;
  object-fit: cover;
  opacity: 0; /* 0:透明（非表示）1: 表示 */
  transition: opacity 4s;
}

/* 画像を表示するためのクラス */
img.image-active {
  opacity: 1; /* 不透明（表示）*/
  transition: opacity 4s;
}