Не видел и не вижу, сорри

так, это с курса какого-то?

такой вопрос точно был

да, это был не ты…

что простите?

Здравствуйте
делаю кастомный lazyload для картинок
есть картинка с явно указанными шириной и длиной в которую при загрузке подставляется квадратная картинка 150х150:

 <img width="1600" height="900" src="/150x150.jpg"

и после скролла уже полный размер 1600х900

<img width="1600" height="900" src="/1600x900.jpg"

Проблема в том, что несмотря на явно указанные размеры тега img его растягивает и сначала он выглядит квадратным под пропорции 150х150
а потом при подстановке "прыгает" и становится прямоугольным под 1600х900

для Chrome это решается просто: aspect-ratio: 1600/900 и тег img не прыгает, он всегда прямоугольный
Но не для ФФ и Сафари
Есть ли какие-то аналоги aspect-ratio под ФФ и Сафари?

я ж беззвучно реплайнул. Просто нужно было сослаться на твой вопрос

имхо, я бы делал ковер фоном и контейнер ресайзил

по идее с транзишеном должно всё плавно пройти

Да, я уже прошел по дереву, прочитал.  Ну суть заданий наших похожая, но их сделать нельзя только CSS-ом . Но у него вроде не написано про js. может ему можно с помощью js-а помочь.

это WordPress и там нужно будет под это переписывать шаблон. И решение будет неуниверсальным, потому что в другой теме уже не будет работать

а шаблон по темам не наследуется?

и ещё, а если через обджект фит сделать на 100%, и опять же контейнер ресайзить?

нет. Вот такая задача. Есть img, есть подстановка квадратной картинки

вариант. Пробую

подскажите почему при наведении на ссылки левого блока курсор не меняет свой вид https://codepen.io/Artemonchik/pen/xxqbKgr

ты их перекрываешь

Подход к вёрстке у тебя абсолютно неправильный. Глянь пару видосов, как сайты верстаются, ибо сейчас прямо вот в корне всё не так

ok