body{
	background:#ccc;
	  display: flex;
  flex-direction: column;
    height: 100vh;
    justify-content:center;
}
.swiper{
height: 100%;
width: 100%;

}
.page-image {
	 display: flex;
	      justify-content: center;
	      align-items: center;
	      overflow: hidden;
	      width: 100%;
	      height: 100%;
}
.cover-title {
	position: absolute;
}
img {
	width: auto;
	    height: auto;
	    max-width: 100%;
	    max-height: 100%;
}
.swiper-slide-zoomed .swiper-zoom-container {
	display:block;
}
.swiper-slide-zoomed .page-image{
	display:none
	}
.swiper-zoom-container {
	display:none
}
.swiper-slide{
	background-color:#ccc;
    background-position: center; 
	background-size: contain;
    background-repeat: no-repeat;
}
.loaded .swiper-lazy-preloader{
	display:none;
}