Решил так :
-- убрал у родителя:transform:translate() --добавил родителю :margin: 100px auto --убрал у after и before : height --растянул after и before : top:80px bottom:15px;
я много раз этим пользовался , настраивается очень легко ,scroll можно как для всего документа сделать так и для отдельного блока ... а по ЭТОЙ ссылке его можно скачать и начать пользоваться
это получается что объект не на весь экран ...
можно исправить viewbox ...
каким способом js поможет в этом ?
либо сделать fill:none;
хотя не видя самого svg трудно сказать