Django＋Bootstrap5で作成したブログ付きウェブサイトのレスポンシブデザイン修正対応

ブログ機能を持つウェブサイトを自作しました。（会社のウェブサイト） ■開発技術構成は以下の通り。（参考） フロント：Bootstrap5（海外のサイトでDjango対応テンプレを購入） ウェブフレームワーク：Django デプロイツール：Heroku DB:PostgresQL ストレージ：S3 ■起きている現象 デプロイしたウェブサイトを本番環境で表示した際、PCでは問題なく表示されるが、タブレットで表示した場合次の症状が出る。 1.navbarが正しく表示されない。（背景色と同色になり、ナビの文字が読めない） 2.トップ画面の画像（縦にスピンするジャバスクリプトで作成されていて、写真が一定時間ごとに回転する）サイズが画面サイズより小さくなってしまう。 スマホで表示した場合は、navbarが表示されず、ハンバーガーメニューが表示される設定となっている（これはOK）が、タブレットで生じる2の問題（トップ画面の画像サイズが小さくなる）が起きる。 下記の参考URLサイトを、スマホ、タブレットで表示していただくと、何が問題かわかると思います。タブレットは、横向きにしたときにナビバーの問題が発生します。 ブートストラップ5のレスポンシブ対応の設定を微調整、修正する必要があると思うのですが、かなり頑張っても解決せず初級者にはお手上げです。 ■依頼事項 わたしがミスをしたのではなく、ネットで購入したテンプレにレスポンシブ対応上の設定ミスがあると思っています。テンプレファイル一式をお渡しするので、実際にどのような表示がでるかタブレット、スマホでチェックしていただき、修正すべき個所と修正方法を特定して、ウェブ会議でレクチャーしてほしい。やり方がわかればあとは自分で直します。 具体的には、 タブレットで横置き表示したときに、きちんとナビバーが読める。 タブレットで表示したときに、トップ画面の画像が適切なサイズ（希望は画面いっぱい）に表示される。 スマホで表示したときに、トップ画面の画像が適切なサイズ（希望は画面いっぱい）に表示される。 ■条件（おそらく次のようなスキルが必要と思います） ・購入したテンプレが、Django対応のものなので、Djangoがわかる方が前提です。 ・お渡ししたテンプレを、疑似本番環境などに移植し、実際にスマホ、タブレットでどのような表示ずれが生じているかを確認しながら検証できる方。 ・ブートストラップのレスポンシブ対応構造に詳しい方。 下記予算では難しい場合は、必要な予算感が知りたい。 納期はそこまでこだわらないので、要望に応じてある程度柔軟に対応。 もちろん早い方がよい。 DjangoとBootstrap5の両方に詳しく、経験豊かな方ですぐ本件解決できた場合は、今後のウェブサイト更新、改善についても相談したい。