<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/AVvXsEi4Bp5gBl11YWpY5FqiDNoINdLEl-ZCF7A2aZx2wvWRvwaYnOULSIp0iDxAe0Uv3mtuhzWEDV_sz4UjE8UQgc7M2abvCH2kwi-jgBS1X_zwzTmlYEDDN9fybbdTC-2KOejJsaCsko_8s1s/s400/flag_bakumatsu_shinsengumi.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/01/blog-post_721.html">원본 보기</a>
          </div>
        </div>
      </div>
    </div>
</template></turbo-stream>