body {
	background-color: #e1dfdb;
}

.images__wrap {
	display: flex;
    width: 70%;
    margin: 0 auto;
    padding: 30px 0px;
}

.images__blog {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.image {
	margin: 20px 65px;
	cursor: zoom-in;
	width: 180px;
	height: 270px;
}

.image img {
	border-radius: 10px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image__zoom--in {
	width: 100%;
    position: fixed;
    height: 100vh;
    top: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: rgba(0, 0, 0, .7);
}

.image__zoom--in img {
	border-radius: 10px;
	animation: fadeIn 1s ease-in-out;
}

.image__zoom--in img{
	width: 30%;
    position: fixed;
}

.zoom--in {
	display: flex !important;
}

.zoom--out {
	display: none;
}

.zoom--close {
	z-index: 1;
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 32px;
    color: white;
	cursor: pointer;
}

@keyframes fadeIn { 
	0% {
		opacity: 0;
		transform: scale(0);
	} 
	100% {
		opacity: 1;
		transform: scale(1);
	} 
} 

@media (max-width: 1400px) {

	.image {
		margin: 20px 45px;
	}
}

@media (max-width: 1200px) {
	.images__wrap {
		width: 80%;
	}
	
	.image {
		margin: 20px 35px;
	}

	.image__zoom--in img {
		width: 40%;
	}
}

@media (max-width: 768px) {
	.image__zoom--in img {
		width: 55%;
	}
}

@media (max-width: 480px) {
	.image__zoom--in img {
		width: 90%;
	}
}