Как реализовать такой ховер эффект и правильно организовать верстку?

Вот более точная идея

Как fixed элемент зафиксировать относительно определенной секции?

Вот смотрите как мне нужно: https://jsfiddle.net/p53mkne0/2/

(это не правильная не грамотная костыльная верстка)

я то красному блоку задал фиксированный Top: 84%, а контент сверху может увеличиться, и красный блок не будет четко в начале серого блока

Как fixed элемент зафиксировать относительно определенной секции?

Увы, не то, мне нужно , чтобы красный квадрат находился по правую сторону в сером блоке и вел себя как Position:fixed элемент

Что за отступ появляется при верстке прямоугольника с прижатым к нему афтер треугольником?

Антон: Да, конечно

Что за отступ появляется при верстке прямоугольника с прижатым к нему афтер треугольником?

Подключил нормалайз- все равно отступ.
Удалил ресет и нормалайз - все равно отступ

Как грамотно и адаптивно решить такой вопрос с контейнером?

Андрей: Никита Полевой:

вот так должно быть в результате

Как реализовать такую задачу с overflow:hidden?

JaredWinter: Просто вместо черного квадрата картинка, которую нужно сдвинуть вправо от контейнера и вверх на предыдущую секцию. Сдвигая картинку вправо появляется скролл, что логично.
Но его не должно быть(картинка должна быть обрезана)(нужно ее по иксу overflow-x: hidd НУТЬ)

Как реализовать такую css анимацию?

Ankhena W: я это понимаю, но какую задачу поставил заказчик, такую нужно решить

Как сверстать такое расположение блоков и решить вопрос с контейнером?

Это то понятно,но все должно быть респонсив, подогнать конечно можно так, но если поменяется размер контейнера или красных и черных блоков?

Как реализовать такую css анимацию?

а чтоб анимация шла с верхней центральной точки?

Как с помощью js задать кроссбраузерный черно белый фильтр картинке?

likenoother: Извиняюсь за беспокойство и, возможно, мою глупость, но почему когда я открываю эту ссылку с примером или скачанный архив с сайта, и открываю его в ие 11, фильтр не работает?

Как с помощью js задать кроссбраузерный черно белый фильтр картинке?

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

Как реализовать такой ховер эффект?

благодарю, но бордеры не подходят. Нужно изображение(картинка)

Как реализовать такой ховер эффект?

это квадрат. С помошью трансформ я реализовал, все работает, но как только меняется ширина блока, треугольники не до конца замыкаются