.op-persons{
  padding-bottom: 42px;
}

.op-persons .section{
  padding-bottom: 36px;
}

.op-persons .section h3{
  margin-bottom: 16px;
}

.op-persons .section .people{
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}

.op-persons .section .people .person{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 0;
  border: 1px solid var(--color-gray);
  border-radius: 12px;
  margin-bottom: 24px;
}

@media (min-width: 576px) { 
  .op-persons .section .people .person{
    width: 45%;
  }
    .op-persons .section .people .person img{
  width: 100%;
  height: max-content;
  border-radius: 11px 11px 0px 0px;
}
 }

@media (min-width: 768px) { 
  .op-persons .section .people .person{
    width: 30%;
  }
}

@media (min-width: 992px) { 
  .op-persons .section .people .person{
    width: 24%;
  }

}

.op-persons .section .people .person img{
  width: 100%;
  height: auto;
  border-radius: 11px 11px 0px 0px;
}


.op-persons .section .people .person .text-content{
  padding: 16px;
}

.op-persons .section .people .person .text-content .name{
  font-weight: bold;
}

.op-persons .section .people .person .text-content .mail{
  color: var(--color-primary);
}

.op-persons .section .people .person .text-content .mail:hover{
  color: var(--color-secondary);
}

.op-persons img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
    -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;
}