* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #eee;
}

.wrapper {
    height: 200px;
    width: 100%;
    margin: 100px 0;
}

.avatar img {
    width: 120px;
    height: 120px;
    position: absolute;
    border-radius: 50%;
    z-index: 10;
    left: 25%;
    top: 10%;
}

.person {
    width: 60%;
    height: auto;
    margin: 0 auto;
    /* clip-path: polygon(0 54%, 0 100%, 100% 100%, 100% 0, 35% 0); */
    background-color: white;
    position: relative;
}
.person::after{
    content: "";
    background-color: tomato;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    width: 250px;
    height: 200px;
    position: absolute;
    top: 0;

}

.person .text {
    width: 50%;
    text-align: left;
    margin-left: 40%;
    padding: 20px 0;
}