Наклонный адаптивный блок-елемент?

Суть вопроса, надо сделать элемент с 30deg наклоном, но он должен быть адаптивен по отношению к статически зафиксированной и спозиционированной по центру блока фоновой картинке, я решил это с помощью media но вышла колбаса с прерыванием примерно каждые 100px пример можно глянуть здесь, понимаю что можно сделать оптимальнее и более аккуратно, возможно у кого-то был опыт такого рода, подскажите пожалуйста.