#containers {
	padding: 5px;
	position:relative; 
	overflow: hidden; 
	

}

.photobanner {
	position: relative; 
	top:0px; 
	left:0px; 
	white-space: nowrap;
	animation: bannermove 85s linear infinite;
	
}

.photobanner:hover {
	animation-play-state: paused;
	
}

.photobanner img {    
	margin: 0 0.5em; 
	height: calc(var(--vh, 1vh) * 32);
	width: auto;
	opacity: 1;
	transition: all 0.3s;

}

.photobanner img:hover {
	transform: scale(1.04);
	opacity: 0.9;
	box-shadow: 0 20px 30px rgb(0, 3, 41, .035),0 7px 18px rgb(0, 5, 77,.05);
}


@media screen and (max-width: 600px) {
	.photobanner img{
		height: 200px;
		width: 130px;
	}
}















#containers2 {
	padding: 5px;
	position: relative; 
	overflow: hidden; 
	

}

.photobanner2 {
	position: relative; 
	top:0px; 
	left:0px; 
	white-space: nowrap;
	animation: bannermove2 85s linear infinite;
	
}

.photobanner2:hover {
	animation-play-state: paused;
	
}

.photobanner2 img {    
	margin: 0 0.5em; 
	height: calc(var(--vh, 1vh) * 32);
	width: auto;
	opacity: 1;
	transition: all 0.3s;

}

.photobanner2 img:hover {
	transform: scale(1.04);
	opacity: 0.9;
	box-shadow: 0 20px 30px rgb(0, 3, 41, .035),0 7px 18px rgb(0, 5, 77,.05);
}


@media screen and (max-width: 600px) {
	.photobanner2 img{
		height: 200px;
		width: 130px;
	}
}






@keyframes bannermove {
	0% {
			transform: translate(0, 0);
	}
	100% {
			transform: translate(-50%, 0);
	}
}


@keyframes bannermove2 {
	0% {
			transform: translate(-50%, 0);
	}
	100% {
			transform: translate(0, 0);
	}
}