Белому даёшь релатив, для него делаешь псевдоэлемент абсолютом, даёшь ему высоту 100% и ширину какая нужна. Ставишь ему left столько, на сколько он должен выглядывать из-за блока. Также делаешь ему bg с градиентом.
У меня несколько карточек из таких div'ов и на чаcти есть градиентная граница справа, на части справа внизу картинка, перекрывающая границу div'a. Поэтому позиционировать относительно div'a одновременно обоих границу и картинку невозможно. Я позиционировал картинку.
Ваше решение и использование display: flex и justify-content: space-between помогло сделать универсальное решение для границы справа и картинки.
Спасибо.