.nameplate {
  text-decoration: none;
  position: relative;
  background-color: var(--color-white);
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-16) 1.812rem;
  box-sizing: border-box;
  gap: 0.937rem;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-steelblue-200);
  font-family: var(--font-inter);
}
.portrait-icon {
  width: 13rem;
  height: 13rem;
  border-radius: 100%;
  position: relative;
  object-fit: cover;
  pointer-events: none;

}
.name,
.position {
  margin: 0;
  align-self: stretch;
  position: relative;
  line-height: 120%;
  font-weight: 500;
}
.position {
  font-size: var(--fs-15);
  color: var(--color-darkorange);
}

.members {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.membersContainer {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

#line1{
  padding-top: 5rem !important;
}
#line2,#line2-1{
  gap: 0 !important;
}
#line3{
  padding-bottom: 5rem !important;
}
#Mobile{
  padding-top:5rem;
  padding-bottom: 5rem;
}

@media screen and (min-width: 1201px){
  #Tablet { 
    display: none !important;
  }
  #Mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1200px){
  #Desktop { 
    display: none !important;
  }
  #Tablet {
    display: flex !important;
    flex-direction: column; 
  }
  #Mobile {
    display: none !important;
  }
}

@media screen and (max-width: 900px){
  #Desktop { 
    display: none !important;
  }
  #Tablet {
    display: none !important;
  }
  #Mobile {
    display: flex !important;
    flex-direction: column; 
  }
}