JavaScript – Resize CSS Rule to another DVD.

I have several Davis with CSS rule ‘Resize them: both’ on all of them. The problem is that when I start resizing some of them, the others move automatically. Is it possible to change this attitude?

Tried ‘Position: Absolute’ but it’s not a solution, because it brings all the divisions together.

Code: https://jsfiddle.net/q3m5ya8f/

<div class="container">

  <div class="el">
    1
  </div>

  <div class="el">
    2
  </div>

</div>


<div class="el">
  3
</div>

.el{
  resize: both;
  overflow-y: auto;
  border: 2px solid black;
  margin: 10px;
  height: 100px;
  width: 100px;
}

.container{
  display: flex;
  flex-direction: row;
}

Image