.h-laboratory.top {
    transform: translate(0, 30%);
}

.h-laboratory.bottom {
    transform: translate(0, -30%);
}

.circle {
    margin: auto;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    width: 12rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background:#560E11;
    border: 4px solid #fff;      /* inner ring */
    outline: 8px solid #560E11;     /* outer ring */
    outline-offset: 0;   
}

.profile-label {
    position: relative;
    z-index: 10;
}

.profile-label p:nth-child(1) {
    text-align: center; 
    margin: 0; 
    color: #ebebeb; 
    font-size: 12px;
}


.profile-label p:nth-child(2) {
    text-align: center; 
    margin: 0; 
    color: #ebebeb; 
    font-size: 12px;
    font-weight: bold;
}

.z-10 {
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 768px) {
    .h-laboratory.top {
        transform: translate(0, 0);
    }

    .h-laboratory.bottom {
        transform: translate(0, 0);
    }
}