TailwindCSS いい感じのいろいろ

<div class="m-6 space-x-3">
  <div v-for="m in media" class="w-[200px] h-[200px] inline-block">
    <img class="object-contain w-full h-full  drop-shadow-[0_5px_5px_rgba(0,0,0,0.5)]" src="http://placekitten.com/200/300">
  </div>
  <div v-for="m in media" class="w-[200px] h-[200px] inline-block">
    <img class="object-contain w-full h-full  drop-shadow-[0_5px_5px_rgba(0,0,0,0.5)]" src="http://placekitten.com/300/200">
  </div>
</div>

<input
  class="block appearance-none bg-white placeholder-gray-600 border border-indigo-200 rounded w-full py-3 px-4 text-gray-700 leading-5 focus:outline-none focus:border-indigo-400 focus:placeholder-gray-400 focus:ring-2 focus:ring-indigo-200"
  placeholder="[e-mail]"
/>