Как сместить элемент при уменьшении экрана браузера?

Есть картинка. В данном случае это смайл.

Вот скриншот:

Вот код:

.icons {
position: absolute;
bottom: 25%;
z-index: 1000;
left: 91.5%;
}

При уменьшении размера браузера, например, при сворачивании в окно (правый верхний угол, вторая кнопка от кнопки закрытия браузера) или при использовании портативного устройства с меньшим разрешением экрана, например, iPad или iPhone, данный смайлик смещается в правую часть.

Скриншот сместившегося смайлика:

Я понимаю, что при уменьшении размера экрана отсчёт left: 91.5%;идёт по-другому. Но вот не могу додуматься, как обыграть так, чтобы смайлик сдвигался в специальное место, которое выделено под него.

Помогите, пожалуйста, решить возникшую проблему.