How to leave certain elements in the same position when filtering?

Question

JavaScript

There is the following pseudocode . How to leave banners in their initial positions when filtering? Move only them? Form a new array of visible cards and banners and shift positions of all elements? How to make it easier and more productive?

Answer 1

**To do this if the elements are not position: absolute is difficult, but I will still give you a direction.**
Get getBoundingClientRect().top and getBoundingClientRect().left
After that, set these css banners top and left properties (if the element is position :absolute)

let offsetTop = getBoundingClientRect().top;
let offsetLeft = getBoundingClientRect().left;

document.querySelector("селектор баннеров").style.top = offsetTop;
document.querySelector("селектор баннеров").style.left = offsetLeft;

If the banner is not position: absolute, then I don't know how to leave it in the same place