同じブラウザー（chrome）で確認しても、テキストのインデントや、画像の表示が異なる

Question

クライアント様より、PC表示時のインデントのずれ、モバイル表示時の画像の表示が変倍しているらしく、見られているブラウザーを確認したところchromeらしく、（サファリだとインデントのずれはなく、画像は変倍しているみたいです。）私もchromeで確認しながら、確認用のサーバーで上げて調整しているのですが、私が見ているchromeでは、インデントのずれ、画像は違和感ないく表示されているので、どのように調整していけばいいか悩んでいます。

①基本、chromeを使用し、実装しています。

確認用URLは、xs746401.xsrv.jp　でサーバーに上げて確認しています。

②見ていただきたい場所は金属、金属加工工場の方からいっていただいた２層目のpartner.htmlと、３層目のpartner.cssです。
③〜⑤mainの中にあるpタグのお困りごとの

<p>特定顧客への売上依存を<br>　脱却したい</p> <p>新規顧客の開拓が<br>　できない</p> この部分のインデントをpartner.cssの279行目の .left-txt p:nth-of-type(2) { color: #fff; font-size: 22px; padding: 0 24px; line-height: 1.4; text-indent: 7px; } 並びに286行目の .left-txt p:nth-of-type(3) { color: #fff; font-size: 22px; padding: 0 22px; line-height: 1.4; margin-top: 16px; text-indent: 9px; にしてtext-indentで調整しているのですが、自分の確認用URLとchromeではインデントずれが確認できず、クライアント様ではずれているとおっしゃられています。 ⑥クライアント様ののchromeでテキストのズレを修正したいのですが、私のPCでぴったりインデントが合っているため、 どのように調整したらいいのかを教えていただきたいと思っています。

（捕足）
やってみたこと
インデントを調整してみようとしたのですが、自分のPCと別のPC２台ほどで、確認したところインデントがズレていなかったため、自分が間違っているのか、相手様なのか、確信がなく、どうしたらいいかわからず、まだどうするか迷っています。

※それと追加御用命なんですが
モバイル画面のpartner.css:1046行目の
@media (max-width: 768px)
partner.css:1046
.root img {
margin-bottom: 90px;
margin-top: 60px;
width: 40%;
height: 258px;
}
ここの画像が変倍しているらしく、調整をお願いされています。
こちらも確認用URLとchromeでは違和感なく表示されています。
widthとheightを消してしまうと画像サイズが大きいため
widthとheightを指定しています。

やってみたことで、
こちらは、widthとheightの％やpxで細かく変えて確認してもらっているのですが、やはり変倍しているとおっしゃられるので、どうすればいいか悩んでいます。

⬇️クライアント様が見ているchrome

⬇️自分が見ているchrome

⬇️モバイル表示時に見ている画像

Answer 1

######まず、最初の質問の下記のテキストの左端が揃わない点について。

<p>▪ 特定顧客への売上依存を<br>　脱却したい</p>
<p>▪ 新規顧客の開拓が<br>　できない</p>

▪ と全角空白で右端を揃えようとしてますが、フォントによって文字毎の幅が異なります。環境によって開発環境と同じフォントになるとは限らないので、フォントに依存する実装はさけるべきです。

よくあるのは、疑似要素を使ってマークを表示させる方法です。例えば下記などが参考になるでしょう。

画像なしで表現するリストマークのサンプルいろいろ ｜ Tips Note by TAM

次に、モバイル表示で画像がつぶれる現象について。

現状のCSS

.root img {
  margin-bottom: 90px;
  margin-top: 60px;
  width: 40%;
  height: 258px;
}

画像の幅を40%と相対値、高さを258pxと絶対値で設定しているのが原因です。
高さが固定のまま画面幅に応じて幅が変化するのでアスペクト比が変化してしまいます。
幅も画像のアスペクト比に合わせて固定にするといいでしょう。

修正サンプル

.root img {
  margin-bottom: 90px;
  margin-top: 60px;
  width: 122px;
  height: 258px;
}