Scrolling a big picture?

Question

css

Good day to all! There is a very long picture, it goes beyond the borders of the block, even the screen. You need to make it so that it can be scrolled, as in the overflow-y: scroll property. Here's a thread that doesn't work:

11
12
13
.project {
  position: absolute;
  height: 1000px;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  overflow-y: scroll;
  &__img {
    object-fit: cover;
  }
}

Plz tell me how to do this?!??

Answer 1

It would be better to give a link to https://codepen.io/pen/ with your picture and code.

Answer 2

Set the parent to position relative and scroll the image to absolute and align it in width or height e.g.

Answer 3

In short, initially everything did not work because I wrapped the image in a flex container