#Container  {
  display:block; position:absolute; width:50%; height:400px; overflow:hidden; background-color:#000;
  padding:0; float:right; right:8%;
}
.Change {
  display:block; position:absolute; height:1.6em; width:1.6em; background-color:rgba(0, 0, 0, 0.3);
  top:0; color:#0FF; text-align:center; font-size:120%; user-select:none; cursor:pointer;
}
#F {
  right:0; top:44%; z-index:4;
}
#B {
  left:0; top:44%; z-index:4;
}
#Pause {
  display:block; position:absolute; top:1%; width:10%; margin:0 44%;
  background-color:rgba(255, 255, 255, 0.5); padding:6px;
  text-align:center; z-index:4; user-select:none; cursor:pointer;
}
.Caption {
  width:100%;
  position:relative;
  color:#FFF;
  bottom:3em;
  background-color:rgba(0, 0, 0, 0.4);
  padding:6px;
  text-align:center;
  z-index:1;
  display:none;
}
.Caption a {color:#0AD;}
.Slide {
  width:100%; height:100%; margin:0; overflow:hidden;
  animation-name:fade; animation-duration:2s;
  z-index:-2;
  display:none;
  justify-content: center;
}
.Slide:first-child {display:flex;}
.Caption:first-of-type {display:block;}
.Slide img  {display:block; height:100%; margin:auto;}
.Active     {z-index:1;}

@keyframes fade {
  0%    {opacity:0}
  100%  {opacity:1}
}