Высота этой плашки по центру +/- предсказуема, поэтому можно просто задать для нее отрицательный margin-bottom равный половине высоты плашки. Этот вариант не идеальный и не всегда выравнивание будет по центру, но зато работает без js.
Если используешь svg clipPath из css, то удобней сделать path с относительными координатами (т.е. верхние левый угол картинки имеет координаты (0, 0), нижний правый (1, 1)), а самому clipPath задать атрибут clipPathUnits="objectBoundingBox"
Или может есть какой-то другой способ добавления маски