<style>


.image{
display: block;  
height: auto; 
max-height: 70vh; 
width: auto; 
max-width: 90vw; 
overflow-x: scroll;  
margin: auto ; 
border: solid black 1px;
}




.slideshow-container {
  max-width: 100Vw;
  height: 100%;  
  max-height: 100Vh;
  position: relative;
  margin: auto;
}

.mainpicXXX{
	display: block;
	opacity: 0.0;
	animation-name: fade;
	animation-iteration-count: infinite;
	height:20vh; 
	width: 100vw;
	position:absolute; 
	top:5vh; 
	left:0; 
	object-fit: cover;
}



.mainpic1{
	animation-delay: 0s;
}

.mainpic2{
	animation-delay: 7s;
}

.mainpic3{
	animation-delay: 14s;
}

.mainpic4{
	animation-delay: 21s;
}
.mainpic5{
	animation-delay: 28s;
}
.mainpic6{
	animation-delay: 35s;
}



@keyframes fade_fixed {
	0% {opacity: 0.0;}
	2% {opacity: 1.0;}
	18% {opacity: 1.0;}
	
	19% {opacity: 0.0;}
	100% {opacity: 0.0;}
}


</style>