Div z wyciętymi krawędziami, obramowaniem i przezroczystym tłem

Próbowałem dowiedzieć się, jak utworzyć niestandardowy kształt w CSS, który będzie wyglądał tak:

Z własnościąbackground:rgba(44, 44, 48, 0.9) iborder:6px solid rgba(29, 30, 35, 0.9);

Moim problemem jest to, że nie mogę znaleźć sposobu, aby górny prawy i dolny-lewy brzeg wyglądał jak obraz, który podałem. Wypróbowałem wskazówki dotyczące CSS Custom Shape w CSS-Tricks, ale wydaje się, że nie rozwiązuje problemu, ponieważ nie może mieć tła. Jakieś pomysły?

questionAnswers(6)

yourAnswerToTheQuestion