Создавать эту форму с css

Я должен создавать эту форму с css только, попробовал создавать изображение прямо с css, сначала измените border-radius думая, что это могло бы создавать эффект способа

border-radius: 170%;

Но это не функционировало меня создавала следующая форма

тогда только я это округлил, я существую пробуйте с after и before, но оказывается, что также оно не функционирует, существует или они знают способ это делать с css только

Чтобы направлять самый ясный вопрос, я добавлю то, что я протестировал.

/ центральный Div (у которого есть синий край и ждут, что это была форма образца) /

#U2L5ParagraphQuestion
{
    position: relative;
    padding: 3%;
    font-size: 1.3vw;
    border-radius: 11vw;
    font-family: Lato-ligth;
    border: 4px solid #2b3098;
    box-shadow: 4px 3px 18px 0px rgba(0,0,0,0.6);
}

#U2L5ParagraphQuestion:after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

#U2L5ParagraphQuestion:before
{
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid red;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

Поскольку они могут оценивать, я использую компоненты before и after, чтобы стараться создавать форму, еще он не встречается.