Como criar borda jacaré (ou dente de serra) usando CSS ou SVG?

jacaré pode não ser a palavra certa; Congratulo-me com uma correção no título.

Eu gostaria que o contêiner tivessejacaré borda como na imagem abaixo.

Se o elemento em questão tivesse um plano de fundo sólido, então o truque de pseudo-elementos ou CSS3border-image poderia ser usado. No entanto, nesse caso, o conteúdo do contêiner é um padrão não repetitivo.

Como alternativa, é possível que a própria imagem tenha a borda. No entanto, devido à maneira como a imagem se expande (animação usada para revelar a imagem), isso não é possível.

A única alternativa que posso pensar é SVG.

questionAnswers(6)

yourAnswerToTheQuestion