3D Box Styling Using ::After Element

.your_class:after {
    border-bottom: 1em solid transparent;
    border-left: 1em solid #005663;
    border-right: 0 solid transparent;
    border-top: 1em solid transparent;
    content: '';
    height: 100%;
    position: absolute;
    right: -1em;
    top: 0;
    width: 0;
    z-index: 1;}
    
.your_class {
    background: linear-gradient(to right, #4294a0 , #007587);
    color: #fff;
    padding-left: 1em;
    z-index: auto !important;
    min-height: 350px;
    box-shadow: 0px 10px 10px -5px #6d6d6d;
}


/* Mobile Version */

@media only screen and (max-width: 767px){   
    
    .your_class {width: 80%;    margin-left: 1em;    margin-bottom: 1em;}
    
}