DrWeyber

Если не принципиально важно, можно отрицательным марджином сделать

Лучше сделать цвета переменными, а потом просто меня цвета переменных, если используете препроцессор, посмотрите примеры в интернете

Можете воспользоваться сервисом для сокращения URL

https://developer.mozilla.org/en-US/docs/Mozilla/A...

Или вам нужно сделать этот блок отдельным div, при наведении который будет появляться относительно этого блока, и уже с ним взаимодействовать

border-radius: 0 0 50% 50%
Можно так опробовать, а вообще нужно поиграться, или
:after
position: absolut и тд

Нужно отключить мета тег viewport, почитайте как это сделать на вашей cms

Вот примерно так, только не используйте фиксированные ширину/высоту, как это делал я, у вас будет контент внутри, регулируйте паддингами и марджинами.
https://codepen.io/DrWeyber/pen/MWeawxG - Мой код
https://frontender.info/a-guide-to-flexbox/ - Советую изучить флексы для такого дела ;)

Попробуй jsом менять ей Viewbox в атрибутах, не уверен что сработает, но можешь попробовать поэкспериментировать с этим вьюбоксом

Скорее всего или сервер не настроен, а если у тебя Linux, почитай как на нем проверить отправку mail, вчера с этим же возился, оказалось с сервером была проблема

Попробуй сделать ей display: inline-block, она будет занимать ширину по контенту

Ну как, ты можешь сделать before и after,навестить их абсолютом над 2 блоками который будут занимать по 50%, и в которых весь твой контент. Затем псевдоэлементам даёшь pointer-events:none, и через hover на блок с 50%, убираешь before через opacity, я бы так попробовал
А то что бутстрап сетка, так это всего лишь сетка