header {
	background-color: #333;
}

.image-container {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-evenly;
}

.image-item {
	position: relative;
	width: calc(30% - 90px);
    margin: 20px 20px 50px 20px;
	height: auto;
}

.image-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 350px;
}

img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
}

.image-wrapper:hover img {
	transform: scale(1.1);
}

.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(159, 14, 88, 0.5);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	cursor: pointer;
}

.image-wrapper:hover .image-overlay {
	opacity: 1;
}

.text-wrapper {
	box-sizing: border-box;
	text-align: center;
}

.breadcrumb {
	margin-left: 108px;
}