box after -before desgin

 

.bg-blue{background-image: linear-gradient(to right, #093ea2 0%, #00e7eb 100%);overflow: hidden;
position: relative;}

.bg-blue::after {
    top: -85px;
    right: -95px;
    width: 210px;
    height: 210px;
    content: "";
    position: absolute;
    background: #4527a0;
    border-radius: 50%;
}
.bg-blue::before {
    top: -125px;
    right: -15px;
    width: 210px;
    height: 210px;
    content: "";
    opacity: 0.5;
    position: absolute;
    background: #4527a0;
    border-radius: 50%;
}