Div с обрезанными краями, рамкой и прозрачным фоном

Я пытался понять, как сделать пользовательскую фигуру в CSS, которая визуально будет выглядеть так:

Со свойством background:rgba(44, 44, 48, 0.9)иborder:6px solid rgba(29, 30, 35, 0.9);

Моя проблема в том, что я не могу найти способ сделать верхнюю -правую и нижнюю -левую границу похожими на изображение, которое я предоставил. Пробовал советы по CSS Custom Shape on CSS -Tricks, но, похоже, это не решает проблему, поскольку у него не может быть фона. Любые идеи?