Как правильно адаптировать такой блок?

Я понимаю, что rem - это размер относительно страницы html. Но я не понимаю, почему при изменении размера браузера не меняется размер, указанный в rem

Ну на сколько я знаю, если не указывать в стилях у html - font-size, то он будет автоматически подставляться нужный, в зависимости от размера экрана, а т.к. у вас будет в относительных единицах, то все должно быть норм. Ну и ясно-понятно что он не будет прямо из коробки т.к. вам надо) искать другие пути решения и т.д. И потом почему 10 раз медиа запрос? Вроде меньше было стоп-разрешений или как их еще назвать)