img.at_card {
	display: inline-block;/*  Ensure images are inline */
	margin: 1%;
	cursor: move;
	width: 10%;
	border: 1px black solid;
	position: relative;
}

.board {
	width: 100%;
	height: 33vh;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	border-radius: 5px;
	position: relative; /* Allow absolute positioning of images */
	overflow: auto; /* Enable scrolling if needed */
}

.board .card {
	width: 10%;
	height: 100%;
	display: inline-block; /* Ensure cards are inline */
	margin: 1%;
	cursor: move;
	border: 1px black solid;
	position: relative;
}

.board .at_card {
	width: 100px; /* Fixed width for popped images */
	height: auto; /* Maintain aspect ratio */
	position: absolute; /* Allow free placement */
	cursor: move; /* Indicate draggable behavior */
}

.suite_box {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin: 10px;
	overflow-x: auto; /* Enable horizontal scrolling */
	overflow-y: hidden; /* Hide vertical overflow */
	height: 130px;
	width: 100%;
	white-space: nowrap; /* Prevent wrapping of child elements */
}