.works {
	margin: 30px 0px 10px 0px;
}

.works .container-projetos {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	flex-direction: row;
	gap: 10px;
	justify-content: center;
}

.works .projeto img,
video {
	width: 40em;
	height: 35em;
}

.works .projeto {
	width: 40em;
	height: 35em;
	position: relative;
}

.works .projeto .informacoes-projeto{
	background-color: #040203;
	position: absolute;
	font-weight: bold;
	font-size: 1.2rem;
	opacity: 0;
	transition: 0.3s;
	width: 40rem;
	height: 35rem;
	top: 0;
	text-align: center;
	align-content: center; 
	z-index: 3;
}

.works .projeto .gif{
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 35rem;
	opacity: 0;
}

.works .projeto:hover .gif{
	opacity: 1;	
}



.works .container-projetos .projeto:hover .informacoes-projeto,
.works .container-projetos .projeto:hover {
	opacity: 0.7;
	background-color: #000;
	color: rgb(255, 255, 255);
	font-weight: bolder;
}

.card-projeto:hover {
	font-size: 100%;
}



@media(max-width: 950px) {

	.works .projeto img {
		max-width: 19em;
		max-height: 15em;
	}

	.works .projeto {
		max-width: 19em;
		max-height: 15em;
	}

	.works .projeto .informacoes-projeto {
		font-size: 1rem;
		max-width: 19em;
		max-height: 15em;
		text-align: center;
		align-items: center;
	}

	.informacoes-projeto h3 {
		margin-top: 0;
		text-align: center;
		font-size: 0.9rem;
		align-items: center;
	}

	.works .container-projetos .projeto:hover .informacoes-projeto,
	.works .container-projetos .projeto:hover {
		opacity: 0.7;
		background-color: #000;
		color: rgb(255, 255, 255);
		font-weight: bolder;
		text-align: center;
		align-items: center;
	}
}