.brother-overlay {
  position: relative;
  top: -10rem;
  padding: 2rem 4rem;
  text-align: center;
}

.bg-2 {
  margin: 0;
  padding: 0;
  position: relative;
  background: url(../img/pinning_2023.png) center center / cover
  no-repeat;
  z-index: 1,
}

.officers li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 1rem;
}

.exec-officers ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

@media (max-width: 900px) {
  .exec-officers ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .exec-officers ul {
    grid-template-columns: 1fr;
  }
}

.exec-officers h3 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1rem;
    background: linear-gradient(-45deg, #d2b34a 0%, #c5a028 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.exec-officers img {
    border-radius: 50%;
    border:0.25rem solid black;
    width: 20%;
    min-width: 150px;
    height: auto;
    object-fit: cover;
}

.other-officers ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem
}

@media (max-width: 900px) {
  .other-officers ul {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .other-officers ul {
    grid-template-columns: repeat(2, 1fr);
  }
}