тебе нужно указать только общий псевдокласс, autoprefixer добавит правила для браузеров.
если ты не можешь изменить его код, то ты должен исключить из обрабатываемых autoprefixer
1. border со всех сторон, справа и сверху border белый - это чтобы размеры плиток не менялись
2. контейнер с плитками имеет margin-left: -1px; margin-top: 1px; и вложен в другой контейнер который перекроет левый и нижний border плиток
эм...а ты уверен что это реализовано именно так? можно ведь использовать svg с фоновым изображением. поддержка множественных градиентных фонов не во всех браузерах реализована
вообще тебе правильно сказали используй фон и масштабирование.
как вариант, используй z-index и выводи изображение нижним слоем что-то вроде Bootstrap5 .stretched-link
пишешь как видишь, слева направо, сверху вниз. colspan - column т.е. вертикальный столбец, rowspan - row т.е. горизонтальная строка. твоя таблица показывает, что ты понял ровно ничего.
