.responsive-bg {
	width: 100%;
	height: 70vh;
	object-fit: cover; /* Görselin oranını koruyarak taşmadan doldurur */
	object-position: center; /* Görseli ortalar */
	display: block;
}


.carousel-item img {
	height: 60vh;
	object-fit: cover;
  }



  @media (max-width: 768px) {
	.carousel-item img {
		height: 20vh;
		object-fit: contain;
	  }

	  .col-6 {
		width: 100%;
	  }
	  
  }