#slideshow {
  height:400px;
  width:500px;
  display:flex;
  align-items:flex-end
 }

 .control {
  position:absolute;
  top:85%;
  left:80%;
  margin:0;
  display:block;
  z-index:2;
 }
 .control>button {
  opacity:1;
  background-color:initial;
  border:0;
  cursor:pointer
 }
 .control>button>svg {
  width:30px;
 }
 #previous {
  float:left
 }
 #next {
  position:absolute;
  margin-left:-50px
 }
 #slides {
  padding:0;
  margin:0;
  overflow:hidden
 }
 #slides>li {
  position:absolute;
  clear:both;
  top:0%;
  left:-10%;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  margin:0 auto;
  overflow:hidden;
  opacity:0;
  overflow:hidden;
  font-size:50vh;
  text-align:center
 }
 #slides li.slideActive {
  opacity:1 !important;
  transition:1s;
  display:block;
 }
 #slides>li>lottie-player:host {
  width:100%;
  height:100%
 }

.lottie-slide{
  position:absolute;
  margin-top:2%;
} 

 @media (min-width: 1910px)   {
.lottie-slide{
  position:absolute;
}
}