Как адаптивно сверстать такой элемент?
1. Полупрозрачный голубой div, у него :after белым треугольником.
2. А еще лучше просто фон градиентом.background: linear-gradient(135deg, #27b3c3 0%, #27b3c3 49.9%, #b8e7eb 50%, #b8e7eb 100%) no-repeat;
угол, цвета и %% укажите на свой вкус.
в общем контейнере два повернутых дива - голубой и белый
внутри них повернутые в другую сторону дивы с текстом