.project-container{
	display: flex;
	width: 100hw;
}

.project {
    display: flex; /* Enables flexbox on the container */
    flex-direction: column; /* Ensures content is stacked vertically */
    justify-content: space-between; /* Pushes items to the top and bottom */
    width: 50%;
    height: 250px;
    margin: 16px;
    border-radius: 7px;
    padding: 16px; /* Adds some padding around the content */
    box-sizing: border-box; /* Includes padding in the height and width calculation */
}

.project h2 {
	align-self: flex-start;
	margin: 0;
	color: white;
}

.project a.button {
    align-self: flex-end; /* Aligns the button to the end of the container */
    margin-top: auto; /* Ensures the button stays at the bottom if content grows */
    width: 100%;
}

.virtualproduction {
	background-image: url(/assets/projects/projects.webp);
	background-size: cover;
	background-position: center;
}

.interactiveanimation {
	background-image: url(/assets/projects/projects.webp);
	background-size: cover;
	background-position: center;
}

.print {
	background-image: url(/assets/shop/persoon-naam-beeld/antraciet/pers-naam-antraciet-1.webp);
	background-size: cover;
	background-position: center;
}

.lesgeven {
	background-image: url(/assets/projects/projects.webp);
	background-size: cover;
	background-position: center;
}

.webdesign {
	background-image: url(/assets/projects/projects.webp);
	background-size: cover;
	background-position: center;
}