Меня интересует, как сделать такой не резиновый hero элемент, насчёт левой белой части всё ясно, интересуют полоски и
круг из фотографий. Как я думаю невозможно силами css сделать такой
круг да и смысла нет, то есть я просто вырезаю эту картинку из Photoshop и вставляю как background. Но background не бесконечный, например монитор очень большой и картинки не хватает ширины. Как сделать чтобы если монитор длинный, то в конце картинки дорисовывался чёрный цвет?
И второй момент. Я пытался решить первую проблему путем
position absolute, right:0
. Вроде бы всё получилось, но
div
с этим фото съезжает если начать сворачивать браузер, так как в
left
задано точное число пикселей, эта проблема происходит из-за
margin: auto
контейнера по центру. Как решить эти две проблемы?