iSara模写 背景のグラデ―ション

Question

前提・実現したいこと

iSaraの背景のように白いグラデーションをかけたい。

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

グラデーションが一部にしかかからない

該当のソースコード

html
  <div class="home-content wrapper">
    <h2>プログラミングで<br>人生の安定を手に入れよう</h2><br><img src="images/isaralogolarge.png"><h3><br>バンコクのノマドエンジニア育成講座<br>iSara[イサラ]</h3>

css
.home-content img {
  margin-left: 650px;
  width: 300px;
  background:radial-gradient(ellipse at center, rgba(255,255,255,1)20% ,rgba(255,255,255,0.8)35%,rgba(255,255,255,0)),url(.images/isaralogolarge.png);

}


  </div>

試したこと

画像を3枚並べて(家・iSaraロゴ・PCの順番に)表示しようとしたが、レイアウトが崩れてしまった。
家とPCの画像にグラデーションを掛けたが、上手く中央によらなかった。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

こんにちは。

模写元では1枚絵ですね。

https://isara.life/wp-content/themes/isara_v2/img/main.jpg

Comments

[yanmar]

1枚絵でしたか…。
確認ミスでした。
回答ありがとうございました！