Кирилл

Все предельно просто:

$("#ID-Button").click(function(){
          $("#ID-BlockWhithImage").flip('toggle');
        });

Через псевдо-элемент. Это самый практичный способ.

Обновитесь до последней версии. Такая же беда была, а после обновления русский текст стал копироваться нормально.

nth-child - вот это загуглите и будет вам счастье.

псевдоэлементы используйте. В вашем случаи :after
Если не понятно, то вот пример - codepen.io/GoooodBoy/pen/dYKROB

UDP: Еще один вариант через clip-path: polygon. Получается резиново. Код на codepen обновлен.

Все потому что у заголовка по умолчанию есть margin. Обнулите его и все.

Непонятно зачем вы так нагородили. Делайте проще. Используйте бордер и не будет проблем. Вот пример - codepen.io/GoooodBoy/pen/zvPyJL

Я бы в сторону SVG посмотрел.

Эм...вы бы хоть показали как у вас получилось, чтоб дать совет. А так делать за вас смысла нет. Пробуйте, скидывайте и получите совет.