$el.classList.remove('shaking'), 820))"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="inline-block w-full align-bottom bg-white dark:bg-neutral-900 rounded-lg text-right overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
>
ادرجي الصوره بعدين حطي مسافه مثلا 3مرات وادرجي الصوره الثانيه
وكيف تخلين الحجم متقارب تروحين لدويره اى محاطه بلاحمر ومن هنا تصغيرين وتكبرين على كيفك
ونفس الطريق لصوره الثانيه لتكون متقاربه الحجم ونفس الصفحه
اتمنى تكونين فهمتى