.card-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px; /* Space between cards */
	justify-content: center;
}

.card {
	width: 200px;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Ensure all images have the same size */
.card-img-top {
	width: 100%; /* Make the image fit the card width */
	height: 150px; /* Fixed height for all images */
	object-fit: cover; /* Ensures images maintain aspect ratio without stretching */
	border-top-left-radius: 10px; /* Match card border radius */
	border-top-right-radius: 10px;
}

.arrow {
	width: 40px;
	height: auto;
}

/* Responsive: Stack cards vertically on small screens */
@media (max-width: 768px) {
	.card-container {
		flex-direction: column;
	}

	.arrow {
		transform: rotate(90deg); /* Rotate arrows in mobile view */
	}
}