.slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1vw;
  width: 100%;
  margin: 1vw 0vw 0vw 0vw;
}

.slider img {
  max-width: 100%;
  height: auto;
  border: 1px solid var(--color-03);
  border-radius: 8px;
}

.slider-video-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1vw;
  width: 100%;
  margin: 1vw 0;
}

.slider-video-1 iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: 1px solid var(--color-03);
  border-radius: 8px;
}
.slider-video-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1vw;
  width: 100%;
  margin: 1vw 0;
}

.slider-video-2 iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: 1px solid var(--color-03);
  border-radius: 8px;
}