.leader-title-wrapper {
  display: flex;
  background: #AD0042;
  padding: 30px 0;
  position: relative;
  width: 80%;       /* chỉ chiếm 80% màn hình */
  margin: 0 auto;   /* căn giữa */
  border-radius: 6px; /* tuỳ chọn: bo nhẹ 2 góc nhìn đẹp hơn */
}

.leader-title-left {
  flex: 1;
}

.leader-section {
    padding-top: 45px;
    background: linear-gradient(180deg, #FDDFEB 0%, rgba(253, 223, 235, 0.62) 0.01%, rgba(228, 234, 255, 0.34) 100%);
}

.leader-title-right {
  flex: 1;
  display: flex;
  align-items: center;
}

.leader-title-right h2 {
  font-size: 32px;
  color: #fff;
  margin: 0;
  text-align: center;
}

.leader-content {
  display: flex;
  align-items: flex-start;
}

.leader-image {
  flex: 1;
  position: relative;
  z-index: 2;
}

.leader-image img {
  width: 100%;
  max-width: 500px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: -85px; /* chỉnh số này để ảnh đè lên title */
}

.leader-text {
  flex: 1;
  padding-left: 30px;
  padding-top: 30px;
  text-align: justify;
}

.leader-sign {
  text-align: right;
  margin-top: 20px;
  font-style: italic;
}

/* Mobile */
@media (max-width: 768px) {
  .leader-title-wrapper {
    width: 100%; /* full width thay vì 80% */
    border-radius: 0;
    padding: 20px;
    display: block;
    padding-bottom: 60px;
  }

  .leader-content {
    flex-direction: column; /* xếp dọc */
    align-items: center;
    text-align: center;
  }

  .leader-image {
    width: 100%;
  }

  .leader-image img {
    max-width: 100%;
    top: -65px;             /* bỏ overlay */
    transform: none;    /* reset */
    margin: 0 auto;
    position: relative; /* không absolute */
  }

  .leader-title-right h2 {
    font-size: 24px;
  }

  .leader-text {
    width: 100%;
    padding: 0; /* bỏ padding-left, padding-top */
    position: relative;
    top: -30px;
  }

}