แก้ css และ แก้ชื่อไฟล์รูป (com)

cms/src/app.postcss

@@ -2,7 +2,6 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-@charset url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @layer base {
     h1 {
       @apply text-4xl;

cms/src/routes/+page.svelte

@@ -8,9 +8,9 @@
 	const sel1 = "/images/sel1.png";
 	const sel2 = "/images/sel2.png";
 	const sel3 = "/images/sel3.png";
-	const com1 = "/images/com1.jpg";
-	const com2 = "/images/com2.jpg";
-	const com3 = "/images/com3.jpg";
+	const c1 = "/images/c1.jpg";
+	const c2 = "/images/c2.jpg";
+	const c3 = "/images/c3.jpg";
 
 </script>
 <section class="header relative items-start mt-12 flex max-h-860-px">
@@ -199,7 +199,7 @@
 				>
 					<div class="card  bg-white shadow-xl w-full ">
 						<figure style="height: 250px;" class="img-hover-zoom--brightness">
-							<img src="{com1}" alt="1" />
+							<img src="{c1}" alt="1" />
 						</figure>
 						<div class="card-body">
 							<div class="text-sm font-medium text-gray-500">
@@ -227,7 +227,7 @@
 						<div class="flex flex-col w-full">
 							<div class="card card-side bg-white shadow-xl w-full">
 								<figure class="w-full lg:w-5/12 imgCard img-hover-zoom--brightness">
-									<img src="{com2}" alt="1" class="h-full" />
+									<img src="{c2}" alt="1" class="h-full" />
 								</figure>
 								<div class="card-body w-full lg:w-7/12">
 									<h2 class="text-sm font-medium text-gray-500">
@@ -252,7 +252,7 @@
 						<div class=" flex flex-col w-full">
 							<div class="card card-side bg-white shadow-xl w-full">
 								<figure class="w-full lg:w-5/12 imgCard img-hover-zoom--brightness">
-									<img src="{com3}" alt="1"  class="h-full"/>
+									<img src="{c3}" alt="1"  class="h-full"/>
 								</figure>
 								<div class="card-body w-full lg:w-7/12">
 									<div class="text-sm font-medium text-gray-500">
@@ -279,61 +279,6 @@
 			</div>
 		</div>
 </section>
-<!-- <h1 class="p-5 text-center text-orange-800">กองสรรหาบุคคล</h1>
-
-<div class="w-full flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0" >
-	<div class="md:w-2/5 lg:w-2/5 px-3">
-		<FullCalendar bind:this={calendarRef} {options} />
-	</div>
-	<di class="md:w-3/5 lg:w-3/5 px-3">
-		{@html detail}
-	</di>
-</div>
-<div class="p-5">
-	<h2 class="text-2xl">ประกาศเกี่ยวกับการคัดเลือก</h2>
-	<table class="table table-compact w-full">
-		<thead>
-			<tr>
-				<th>วันที่</th>
-				<th>การสอบ</th>
-				<th>หน่วยงาน</th>
-			</tr>
-		</thead>
-		<tbody>
-			{#each qualify_exams as exam}
-				<tr>
-					<th><a href={'/qualify_exams/' + exam.id}>{exam.date}</a></th>
-					<td>{exam.detail}</td>
-					<td>{exam.institute}</td>
-				</tr>{/each}
-		</tbody>
-	</table>
-</div>
-<div class="p-5">
-	<h2 class="text-2xl">ประกาศเกี่ยวกับการสอบแข่งขัน</h2>
-	<table class="table table-compact w-full">
-		<thead>
-			<tr>
-				<th>วันที่</th>
-				<th>การสอบ</th>
-			</tr>
-		</thead>
-		<tbody>
-			{#each competitive_exams as exam}
-				<tr>
-					<th><a href={'/competitive_exams/' + exam.id}>{exam.date}</a></th>
-					<td>{exam.detail}</td>
-				</tr>{/each}
-		</tbody>
-	</table>
-</div>
-
-้
-<div class="px-5">
-	<h2>Full Size Calendar</h2>
-	<FullCalendar bind:this={calendarRef} {options} />
-</div> -->
-
 <style>
 @media only screen and (max-width: 1024px) {
 	.card-side{