body, html {

    width: 100%;

    height: 100%;

    display: flex;

    background: #fff;

}

​

​

.g-father {

    position: relative;

    margin: auto;

    width: 200px;

    height: 300px;

    border-radius: 10px;

    border: 1px solid #000;

    background: conic-gradient(#03a9f4, #e91e63, #9c27b0, #ff5722, #03a9f4);

    .g-child {

        position: absolute;

        inset: 10px;

        border-radius: 10px;

        border: 1px solid #000;

        overflow: hidden;

        &::before {

            content: "";

            position: absolute;

            inset: 0;

            background: #fff;

            border-radius: 10px;

        }

    }

}

​

.g-father:nth-child(2) {

    .g-child::before {

        filter: blur(20px);

    }

}