body {
    
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background:linear-gradient(135deg,#00A6B7, #34588e);

}

.pepsi {
    height: 300px;
    width: 300px;
    background-color: #34588e;
    border-radius: 50%;
    border: 10px solid white;
    position: relative;
    overflow: hidden;
}

.pepsi:before {
    content: "";
    position: absolute;
    height: 400px;
    width: 500px;
    border-radius: 25%;
    top: -160px;
    left: -240px;
    transform: rotate(-18deg);
    background-color: white;
}

.pepsi:after {
    position: absolute;
    content: "";
    height: 500px;
    width: 550px;
    border-radius: 50%;
    top: -275px;
    left: -300px;
    background-color: #da473c;
}