.about{
	height: 100vh;
	box-sizing: border-box;
	padding: 35px;
	background-image: url(2.jfif);
	width: 100%;
	background-color: black;
}
.about h1{
	text-align: center;
	color: white;

}
.about p{
text-align: center;
margin-top: 20px;
color: whitesmoke;
font-size: 10px;
}


.card{
	border: none;
	border-radius: 0;
	box-shadow: 2px 6px 8px o rgba(22, 22, 26, 0.19);

	

}


.carousel-control-prev,.carousel-control-next{
	background-color: #111;
	width: 6vh;
	height: 6vh;
	border: 50%;
	top: 50%;
	transform: translate(-50%);
	color: #111;
}
.carousel-control-prev span,
.carousel-control-next span{
	width: 1.5rem;
	height: 1.5rem;
}
@media screen and (min-width: 577px){

.card-wraper{

	width: 100%;
padding: 60px 0;
background-color: #fff;
display: flex;
justify-content: center;
column-gap: 0px;
margin-top: 10%;

}

.image-wrapper{
	height: 22vw;
	margin: 0 auto;
	/*display: flex;
	align-items: center;
	justify-content: center;
	*/

}
.card{
	margin: 0.5em auto;
width: calc(100%/3);
}
}
@media screen and (max-width: 576px){
	card:not(:first-child){
	display: none;

}

.image-wrapper img{

	max-width: 100%;
	max-height: 100%;

}
}