$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"
>
والصفحه الثانيه التقليد نفس الشكل بس فيه اشياء تختلف بسيطه مثل بهتان اللون للكرتون
والصوره اللي في الخلف
والمثلث الازرق
اما الاصليه هي اللي في الصفحه الاولى ونفس شكلها من الداخل شفافه وفيها قطع بس التقليد تتفتت والاصليه طريه ماتتكسر ولاتتفتت