* {
	margin:0; 
	padding: 0;
	box-sizing: border-box;
}
.container{
	position: relative;
	min-height: 100vh;
	background-color: #333;
}
.imgcon{
	display:flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	padding: 10px;
}
.image{
	border: 10px solid #fff;
	overflow:hidden;
	cursor:pointer;
}
.image img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	transition: .2s linear;
}
.image:hover img{
	transform: scale(1.1);
}

.popimg{
	position: fixed;
	top: 0;
	left: 20%;
	height: 100%;
	width:100%;
	z-index: 100;
	display:none;
	
}

.popimg span{
	position:absolute;
	top:0;
	left: 47%;
	z-index: 100;
	font-size: 8rem;
	color: #fff;
}
.popimg:hover span{
	cursor: pointer;
}
.popimg img{
	position:absolute;
	height: 100%;

	left: 10%;
	
}