Question: I would like to know if we can got values from date if the date is in the current month

For example, If I have :

```
date         value
28/06/2021   50
02/07/2021   100

05/07/2021   18

```

Then I search to have :

```
02/07/2021   100

05/07/2021   18

```

because 28/06/2021 is not in the current month

thanks in advance !

Answer: 
What you missed in your code is `flex-direction`. By default it will be row, hence the div's were coming side by side. You need to specify the value as `column`.

```css
.flex-container{
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  border: solid 1px red;
  position: relative;
}

.button-container{
  border: solid 1px green;
  display: flex;
  position: absolute;
  left: 20px;
  top: 50px;
}
```

```html
<div class="flex-container">
    <img src="https://www.webkit.org/blog-files/acid3-100.png" />
    <div class="button-container">
        <button>Button 1</button>
        <button>Button 2</button>
    </div>
</div>
```

EDIT: Made the buttons `position: absolute`. You can use the left/top properties as mentioned already in the snippet to align them as per your requirement.
If you know the dimensions of the image in advance I'd suggest using the background property

```css
.flex-container{
  display: flex;
  align-items: flex-end !important;
  border: solid 1px red;
  background-image: url("https://www.webkit.org/blog-files/acid3-100.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 780px;
  height: 619px;
}

.button-container{
  border: solid 1px green;
}
```

```html
<div class="flex-container">
    <div class="button-container">
        <button>Button 1</button>
        <button>Button 2</button>
    </div>
</div>
```