Я использую styled-components
, и я использую изображение в качестве фона, например:
import styled from "styled-components"
import phone from "../../images/phone.png"
export const PhoneContainer = styled.div`
width: 450px;
height: 615px;
background: url(${phone}) center top no-repeat;
`
В результате получается фоновое изображение base64
(в браузере):
background: url(data:image/png;base64,UklGRv4SAABXRU ...
Проблема : это не работает в Safari на iOS
Есть ли какой-то полифил, резервный вариант или обходной путь?