Центр Div внутри мат-карты

Question

Я хочу расположить div внутри карточки, но не могу понять, как. атм справа, если мой div находится в центре матовой карты, но я хочу, чтобы середина div была серединой матовой карты

Это мой css атм

.div{
  margin: 0 auto;
  width: 50%;
}

И вот результат

Кто-нибудь знает, как это исправить?