section {margin-top: 4.8rem;}
h2 code {
    color: var(--olive);
}


.facepic {
    width: 45%;
    max-width: 250px;        
}

.img-round {
    float: left;
    shape-outside: circle(50%);
}

.img-round2 {
    float: left;
    margin: 20px;
    shape-outside: circle(50% at 38% 50%) margin-box;
}

.img-round3 {
    float: left;
    margin: 10px;
    shape-outside: ellipse(closest-side farthest-side at 50% 50%);
}

.img-round4 {
    float: left;
    background-color: #b3e8ef;
    border-radius: 50%;
    margin: 0 10px 10px 0;
    border: 3px solid #aaa;
    
    shape-outside: margin-box;
}


.img-mask {
    float: left;
    background-color: #b3e8ef;
    shape-outside: url(../img/css-shapes/Face-orange-512.png);

    shape-margin: 10px;
/* 	shape-image-threshold: 0.5; */
}