.bg {
  background-image: url("../asset/background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
}

/* Mobile: reduce font sizes */
@media (max-width: 768px) {
  .content-container p {
    font-size: 0.9rem !important;
  }

  .content-container p.text-lg {
    font-size: 0.95rem !important;
  }

  .content-container p.text-sm {
    font-size: 0.75rem !important;
  }
}

/* Default: no margin for all images unless specified */
.basuki-img {
  width: 89%;
  margin-left: -50px;
  margin-right: -50px;
  margin-top: 0px;
  margin-bottom: -50px;
}

.georgius-img {
  margin-left: -50px;
  margin-right: -50px;
  margin-top: 0px;
  margin-bottom: 40px;
}

.budijanto-img {
  margin-left: -40px;
  margin-right: -40px;
  margin-top: 0px;
  margin-bottom: -20px;
}

.dimas-img {
  width: 94%;
  margin-left: -50px;
  margin-right: -50px;
  margin-top: -50px;
  margin-bottom: 0px;
}

.christianto-img {
  width: 96%;
  margin-left: -50px;
  margin-right: -50px;
  margin-top: -40px;
  margin-bottom: 0px;
}

.cleavant-img {
  width: 80%;
  margin-left: -50px;
  margin-right: -50px;
  margin-top: 0px;
  margin-bottom: -50px;
}

/* Mobile: reduce aggressive margins and set 100% width */
@media (max-width: 768px) {
  .basuki-img,
  .georgius-img,
  .budijanto-img,
  .dimas-img,
  .christianto-img,
  .cleavant-img {
    width: 100% !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}