img.imagen-circular {
    width: 300px; /* Establece un ancho fijo */
    height: 300px; /* Establece una altura fija igual al ancho */
    border-radius: 50%; /* Convierte el cuadrado en un círculo */
    object-fit: cover; /* Asegura que la imagen se recorte para llenar el círculo sin distorsionarse */
}

.circle-image {
    width: 250px;
    height: 250px;
    padding: 0%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-style:dotted;
    border-color: rgb(159, 253, 182); */
    box-shadow: 0 15px 15px rgba(94, 93, 93, 0.4);
}

.circle-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.circle-medium {
    width: 150px;
    height: 150px;
    padding: 0%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-style:dotted;
    border-color: rgb(159, 253, 182); */
    box-shadow: 0 15px 15px rgba(94, 93, 93, 0.4);
    opacity: 0.3;
    transition: opacity 0.3s ease; /* Transición suave */
}

/* .circle-medium img{
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.circle-medium:hover {
    opacity: .9 !important;
}

.circle-mediumnohover {
    width: 150px;
    height: 150px;
    padding: 0%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-style:dotted;
    border-color: rgb(159, 253, 182); */
    box-shadow: 0 15px 15px rgba(94, 93, 93, 0.4);
    opacity: 0.9;
    /* transition: opacity 0.3s ease;*/
}

.img-center {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: none!important;
  align-items: center!important;
  }

  .max-width-60 {
    max-width: 60%;
    height: auto;
  }