スライド部分のHTMLとJavaScriptとCSSの編集お願いします

【概要】HTMLとJavaScriptとCSSの編集お願いします。 【目的】添付してる画像のスライドが想定通り動くようにしてほしい。 想定しているもの スライドのタグが上に来る 手動で切り替える。(現在時間で自動で切り替わる) 下のカウントのところもうまく切り替わるように指示してください。 【依頼背景】AIと喋って、適切なカウンセラーを紹介するサービスをdjangoで開発しております。chatGPTでHTMLを作ったが想定通りいかない。色味や形などのデザインは大体この感じでお願いします。 【提案の際のお願い】提案される際は過去の経験やご経歴についてご提示頂けますと検討がしやすいです。 依頼前に入ってサイトを確認したい場合は、おっしゃっていただければ、開発中のサイトに招待します。 過去に手伝ってくれた方はChromeのデバッグツールで編集していました。djangoのHTMLを渡したら修正して返してくれました。web側の知識があればよく、djangoの知識は要らないと思います。 宜しくお願いいたします。