<turbo-stream action="update" target="search-results"><template>
    <div class="space-y-6">
      <h2 class="text-2xl font-bold text-gray-800 text-center">
        랜덤 일러스트
      </h2>

      <div class="flex justify-center">
        <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-200 max-w-md w-full">
            <img alt="積み木で遊ぶ子供のイラスト（女の子）" class="w-full h-96 object-contain bg-gray-50 p-4" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTt_TwY1G9vmFllyb2P1HJG8bupntrmiVpvIlc1o_I0nc6mdC2a3Tq6LXBxOzawQfmzoL79ELuSPWwUaWRxyP-yKoNcareCxZu982NigKGBA4bUJ4CCEtr8gSrLPJEj5ZkLuFKFKRgOY/s400/toy_tsumiki_girl.png" />

          <div class="p-6">
              <h3 class="font-semibold text-gray-800 mb-4 text-lg">
                積み木で遊ぶ子供のイラスト（女の子）
              </h3>

              <a target="_blank" rel="noopener noreferrer" class="block text-center bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg transition duration-200" href="https://www.irasutoya.com/2018/04/blog-post_424.html">원본 보기</a>
          </div>
        </div>
      </div>
    </div>
</template></turbo-stream>