/* Realisaties Styling */


.realisaties--container{
    gap:5rem;
}

.card-image {
    height: 500px;
}
.card-image img{
    height: 100%;
    width:100%;
    object-fit:cover;
}

.card-image{
	position:relative;
}


.card-image .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: var(--color-secondary);
	transition: 0.5s ease;
	z-index: 1;
}

.card-image a:hover .overlay{
	opacity: 0.7 !important;
}

.card-image a:hover img.tvo--ico{
	opacity: 1 !important;
}

@media (max-width: 768px) {
    .realisaties--container{
       grid-template-columns:repeat(1, 1fr);
    }
    .card-image {
        height: 300px;
    }
}