Вопрос о прокрутке фонового изображения для темы Divi
На самом деле я не веб-разработчик, а скорее веб-дизайнер, и у меня возникают проблемы с идеальным созданием определенного эффекта в Divi. У меня есть PNG-изображение iPhone X в качестве изображения переднего плана и изображение отчета об осмотре транспортного средства, которое должно выглядеть как экран телефона в качестве фонового изображения. Я добавил немного CSS, чтобы фоновое изображение оставалось в значительной степени в пределах изображения переднего плана, но я по-прежнему вижу, как фоновое изображение выглядывает за все 4 угла изображения iPhone. Я вырезал все пространство за пределами изображения iPhone в Photoshop, чтобы предотвратить выход фонового изображения за пределы изображения переднего плана iPhone, но я не могу вырезать углы фонового изображения, потому что фоновое изображение прокручивается позади iPhone, когда посетитель прокручивает страницу вниз.Может ли кто-нибудь дать мне код CSS для решения этой проблемы?
Вот страница с iPhone: https://automotive.wpwebportfolio.com/
Вот скриншоты проблемы: Изображение 1 Изображение 2
Вот собственный CSS, который я уже вставил в параметры темы Divi:
/* Background iPhone Homepage*/
.iphone-bg .et_parallax_bg {
background-size: contain !important;
}
.et_pb_section_parallax .et_pb_parallax_css {
-webkit-transform: none;
}