/* image-sizing.css */
/* ไฟล์นี้ใช้กำหนดขนาดรูปภาพในเว็บไซต์ */

img {
  max-width: 100%;
  height: auto;
}

.responsive-img {
  width: 100%;
  height: auto;
  display: block;
}

.avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.feature-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

/* สำหรับรูปในหน้าแกลเลอรี่ */
.gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* สำหรับรูปในหน้ารายละเอียดโครงการ */
.project-image {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: contain;
}