Langes Bild in Box scrollen

Ich möchte auf einer Website in einer Box (DIV) ein ganz langes Bild scrollen. z. B. wenn das Bild eine Höhe von 5000 px hat und eine Breite von 700 px nun möchte ich eine Box auf der Website haben (z. B. 700 breit und 500 hoch) WORIN dieses Bild man von oben bis zum Ende "scrollen" kann und der Rest der Seite soll aber nicht mit scrollen. Hoffe ich habe es verständlich geschrieben, was ich meine Geht das und wenn ja, wäre lieb, wenn ihr mir da helfen könnt, wie ich das „bauen“ muss.

Der hier verwendete Code

<style> .flex{ height: 500px; overflow:auto; } .flex::-webkit-scrollbar { overflow:auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .flex img{ width:100%; } </style> <div class="flex"> <img src="/image/europa.jpg"> </div>