* {
	box-sizing: border-box;
  }
  
  /* hide scrollbar */
  ::-webkit-scrollbar {
	width: 1px;
	height: 1px;
  }
  
  ::-webkit-scrollbar-button {
	width: 1px;
	height: 1px;
  }
  .paralax-external {
	overflow: hidden;
	height: 100vh;
  }
  
  .paralax-horizontal-scroll-wrapper {
	flex-direction: column;
	align-items: center;
	width: 100vh;
	transform: rotate(-90deg) translate3d(0,-100vh,0);
	transform-origin: right top;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	height: 100vw;
	perspective: 1px;
	transform-style: preserve-3d;
	padding-bottom: 10rem;
  }
  .paralax-img-wrapper {
	transform: rotate(90deg);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 15vh;
	transform-origin: 50% 50%;
	transform: rotate(90deg) translateZ(.1px) scale(0.9) translateX(0px) translateY(-3vh);
	transition: 1s;
  }
  
  .paralax-img-wrapper:hover {
   min-height: 55vh;
  }
  
  .paralax-slower {
	transform: rotate(90deg) translateZ(-.2px) scale(1.1) translateX(0%) translateY(-10vh);
  }
  .paralax-slower1 {
	transform: rotate(90deg) translateZ(-.25px) scale(1.05) translateX(0%) translateY(8vh);
  }
  .paralax-slower2 {
	transform: rotate(90deg) translateZ(-.3px) scale(1.3) translateX(0%) translateY(2vh);
  }
  .paralax-slower-down {
	transform: rotate(90deg) translateZ(-.2px) scale(1.1) translateX(0%) translateY(16vh) ;
  }
  .paralax-faster {
	transform: rotate(90deg) translateZ(.15px) scale(0.8) translateX(0%) translateY(14vh) ;
  }
  .paralax-faster1 {
	transform: rotate(90deg) translateZ(.05px) scale(0.8) translateX(0%) translateY(10vh) ;
  }
  .paralax-fastest {
	transform: rotate(90deg) translateZ(.22px) scale(0.7) translateX(-10vh) translateY(-15vh) ;
  }
  .paralax-vertical {
	 transform: rotate(90deg) translateZ(-.15px) scale(1.15) translateX(0%) translateY(0%) ;
  }
  .paralax-last {
	transform: rotate(90deg) translateZ(-.2px) scale(1.1) translateX(25vh) translateY(-8vh) ;
  }
  
  .paralax-img-wrapper a {
	overflow: hidden;
	display: block;
	padding: 1vh ;
	background: #f0f0f3;
	box-shadow: 0 10px 50px #5f2f1182;
  }
  .paralax img {
	max-width: 35vh;
	max-height: 50vh;
	transition: .5s;
	vertical-align: top;
	filter: none;
  }
  .paralax a:hover img {
	filter: none;
  }