.ceramic {
    width: 19em;
    height: 13em;
    position: relative;
    margin: -5em auto 0;
}
.ceramic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/ceramic.png") no-repeat center center / contain;
}
.ceramic::before {
    content: "";
    position: absolute;
    left: -5em;
    top: 6em;
    width: 120%;
    height: 105%;
    background: linear-gradient(to left, black, rgba(0, 0, 0, 0.15));
    border-radius: 100%;
    opacity: 0.5;
    filter: blur(0.5em);
    transform: rotate(-20deg);
}