Почему обрезается анимация в Safari?

Question

[Toy Boy]

Как такое пофиксить?

https://divineperfumery.kz/ здесь можно глянуть...

Answer 1

[igumenov]

Потому что анимация выходит за пределы самой svg

Нужно увеличить размер svg по максимальным размерам анимации

Comments

[Toy Boy]

я тоже так думаю, но как это сделать...

[igumenov]

Вот еще решение. В конец css добавить

.hero-logo-img{
	animation-name: initial;
}
.hero-logo:before{
	content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 50%;
    width: 10rem;
    height: 10rem;
    box-shadow: 0 0 0 rgb(255 255 255 / 50%);
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

И нужно будет подкорректировать под другие медиа запросы