JavaScript ile İlgili Bir Sorum Var

Merhaba Arkadaşlar Yukarıda Gördüğünüz Kod Sürükle Bırak ile İlgili Bir Kod
Sorum = Ben Bunu diyelim 500x500 bir div in içerisinde çalıştırmak istiyorum bu div in dışına taşmasını istemiyorum acaba nasıl yapabilirim

https://codepen.io/COD-MAN/pen/KKBoBVX

div {
overflow: auto; /* İçeriğin taşmasını engellemek için overflow özelliğini auto olarak ayarlayın */
max-height: 200px; /* İçeriğin maksimum yüksekliğini belirleyin */
max-width: 200px; /* İçeriğin maksimum genişliğini belirleyin */
}

ekledim ama herhangi bir değişiklik olmadı

Html




<div>
<img class="buyut" src="https://en.js.cx/clipart/soccer-gate.svg" id="gate" class="droppable">

<img src="https://en.js.cx/clipart/ball.svg" id="ball">
</div>




Css




.buyut {
overflow: auto;
max-height: 500px; /* İçeriğin maksimum yüksekliğini belirleyin */
max-width: 500px; /* İçeriğin maksimum genişliğini belirleyin */
}

Bu şekilde ayarlayın

ayarladım