#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 {
  top:44%;
  right:0;
}
#B {
  top:44%;
  left:0;
}
#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:1; user-select:none; cursor:pointer;
}
.Caption {
  width:100%; position:relative; color:#FFF; bottom:3em; background-color:rgba(0, 0, 0, 0.5);
  padding:6px; text-align:center; z-index:1; display:none;
}
.Slide {
  width:100%; height:100%; margin:0; overflow:hidden;
  animation-name:fade; animation-duration:2s;
  z-index:-2;
  display:none;
  justify-content:center;
}
.Slide img  {display:block; height:100%; margin:auto;}
.Slide:first-child {display:flex;}
.Caption:first-of-type {display:block;}
.Active     {z-index:1;}
@keyframes Test {
  0%    {background-color:red;}
  50%   {background-color:blue;}
  100%  {background-color:green;}
}
@keyframes fade {
  0%    {opacity:0}
  100%  {opacity:1}
}