Как действовать в такой ситуации?
Нормально ли делать всего три брейкпоинта (десктоп, 768px, 320px) или нужно делать больше, чтобы сайт растягивался всегда, а не только переключался на этих состояниях?
Я так понимаю, что если мобильная версия есть, то делаю mobile first
ну тут же придется еще z-index тогда менять.
они встают друг за другом
В общем одним css тут не обойдешься.
Сначала подумать, а нужен ли rem и имеет ли смысл его использовать так, как вы его используете.
Если всё таки да, то пересчитать не от 10, а, например, от 16.