Смотри , начну с закругляшек - это блок , который имеет
border-radius:10px 10px 0px 0px
тут точно не уверен , правильно ли я расставил закругления) но можешь местами поменять если что закругляшки для верха, далее этот блок у нас display:flex flex-direction:column; align:center то есть всё что внутри ровняешь как тебе нужно, далее картинку внутрь запихиваешь думаю со 100% шириной т.е. width:100%
Давай дальше , фон блока этого тёмный цвет задаешь backround-color : тут твой цвет далее кругляшок предлагаю вставить прямо в html разметку svg и дать ему абсолютное позиционирование ,ну кругляшок со звёздочками просто блок внутри свг , блоку диплэй флекс ровняешь тут думаю понятно, закорючки это свг, как-то так)
