Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="object-fit-cover grid">
  <div class="box">
    <div class="img">
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAJYCAYAAAC6pTUQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAZO0lEQVR4nO3db4iVZd7A8d8+z7MvRtNwVg+WI7hreNiCxVJj2CGEVTqtiKysAxVLgaSwQVOwiOHIui6OKK2ggxiUtCSsyU7iEiGN1LISE1JS9sJdZmBJ6IQxW2epJedNsM8LOec59/xzZtR+Pu3nA9Gc/7ejnO+57uu67/OdFStW/DsAgG/Uf2VvAAD8JxJgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEmG+tSqUSpVJpzPWdnZ3R2dkZ5XI5YasiSqVSHDp0KP70pz+Nu33cHJVKZcJ/E5DhOytWrPh39kbAjVYqleL06dMREXHhwoXo7++Pvr6+KJVKcfLkyWhpaWnc9sQTT1z3623evDnuuOOO+Ne//hWDg4Nx6dKlGBwcbGzLM888E3fffXfs27cv/vnPf8bRo0ejpaUlqtVqbN26NYaHh697G74J5XI5Nm3aFENDQ/Hll19GRMQHH3xwXdt//vz5GBkZiY8//jiuXLkSO3bsuCm/j/Pnzzd+rtVq8dRTTzX+jiDD/2RvAP8Zjh8/HsuWLbspz71y5cox161fv77xc7lcjh07dkRExN69exvxjYhYvnx54Y15ZGQk+vr6ore3d1rb8OSTTzZ+rr+5182bNy9WrlwZra2t8eyzz8bWrVtj27Zt8dxzz0VbW1vs3bt30g8BlUolenp6Jn39oaGhePTRR6e1zc3qYb18+XJ88sknhQ8QzebNmxcbN25sXK7VavGLX/xixq9b19LSEsuWLYtTp059Ix9Gzp8/L76kE2C+ldauXdv4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EggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAT/C99Dq7Qe1OOrAAAAAElFTkSuQmCC" alt=""></div>
    <p>縦長の画像です</p>
  </div>
  <div class="box">
    <div class="img">
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAHgCAYAAAB5FxNZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAYlElEQVR4nO3df2hd9f348dc+38/+SGsrzerFaoRuSi9TGFVbCQtSWMXrSikra0BlWAi2MMEojFJpyrqOprQ4oQ2lgorDwmpZLBkixRQdKxIJWmz9oxsJDAteqWR6hw7NP8K+f5R7P/fkR3uTvtpu8niAmPvr3NO0cJ68z/u8z3fuvffefwcAAGn+53rvAADAt43AAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgks+JaoVCpRKpWmPd/d3R3d3d1RLpevw15FlEqlOHjwYPzpT3+acf+4OiqVyqz/JoCr7zv33nvvv6/3TgBXplQqxYkTJyIi4uzZszE8PByDg4NRKpXi+PHj0dbW1njt8ccfv+Lv6+npiWXLlsW//vWvGBsbi/Pnz8fY2FhjX55++um48847Y9++ffHPf/4zXnrppWhra4tqtRpbt26NiYmJK96Ha6FcLsemTZtifHw8vvzyy4iIOHPmzBXt/+nTp2NycjI+/vjj+Prrr2PHjh1X5fdx+vTpxs+1Wi2efPLJxt8RcPX97/XeAfg2Onr0aKxYseKqbHvVqlXTnlu/fn3j53K5HDt27IiIiL179zbiKiJi5cqVhQPv5ORkDA4OxsDAwJz24Yknnmj8XD941y1ZsiRWrVoV7e3t8cwzz8TWrVtj27Zt8eyzz0ZHR0fs3bv3kpFXqVSiv7//kt8/Pj4ejz766Jz2uVk9nC5cuBCffPJJIRCbLVmyJDZu3Nh4XKvV4he/+MW8v7eura0tVqxYEUNDQ9ckNk+fPi2u4BoTWPAt8MADDzR+fuedd2JiYiL6+vpi5cqVl/xcW1tbPPbYY3HhwoUYHByc13efOnWqcPAeGxuLJ598Ml566aXo6OiIAwcOxKOPPhp79uyJ/v7+WLlyZXR2dsbo6Oi8vi/Dpk2bCuE0NDQ0Y9RN3cfPPvvsqgRRZ2dn3HjjjbF48eJYsWJFlEqluOmmm+Lpp59O+b7ly5df+U4CcyKw4L9cuVwujJa9/vrr0dPTUwiIs2fPxkcffRQREd///vcL4TU0NDSnuKpUKoXH4+Pj094zNjYW27Zti0OHDsWKFSuiUqnE8PBwrFq1Kk6fPn1d4yoiYuHChYXHL774YkufW7BgwSVfbx59m+n3MnVUc+PGjYW/p6nuvvvuGB4eLmx/phHMunqYTXXbbbfF0aNHZ92P2QITmD+BBVdBq6evmk/X9fX1FQ6mrdq8eXPj52q1Gvfdd1889thjjecmJycbcRURsXTp0sJr9e+uu3DhQrz88suzft/ixYsLjz/++OMZ3zc6OhpHjhyJsbGxuPXWWyMiWjqInzlzprA/devWrYuurq6IuHzoXE7ziE6tVrvkKFG1Wo2Ojo6IiMb/W3E1ThEvXrz4kkE2m/opSeDaEVhwldQjYXx8PD7++ON5j9rUJ5TXJ1o3R1ipVIr777+/8XjBggWFuIq4eHCd7aA802vj4+OXDKypB+pL/bnGxsbil7/8ZXR0dMSyZctaCqyJiYkZQ/PWW29tBNZcQudyPvvss0u+/vXXX6d916XUarXGvpw7dy4iLsZms/pEe+A/n8CCq6Q5XPbv3x9r16695OhDf39/IUDqE7kfeOCBRtQcPny48JktW7YUJrGfOnUqxsfHo7e3t/D8lajPDyqXy7Fo0aJYvXp147XJycnCKFy1Wo33338/+vv7o1wuF/48GzdujPHx8XnN9apHZrNyuTzvidu33XZb4+dz585FpVKJNWvWNC4OmK/h4eFGHJbL5di2bVu8++678cknnzTe86tf/Sra29sjYu6n5r744ovGqcd6hM3kwoULsWHDhkaIVqvVeP7552d9//nz51veB6A1AguugayRh+YDdalUioceeqjw+unTp2N4eDg2btzYiLLmU4/NVzc2P9/X1zdj/F3uir6pEdfR0REdHR2xevXq+NnPfhaHDx8uXHHY29sbp06dmvPE7eZt1P3oRz+ad2BN3e969Jw5c2bek/2blUql2L9/f3R0dMTKlSvjyJEjjSs1N2/e3AisuRodHb3sSGj9AoLmCx++/vrreZ1+BuZPYMF1MDIyEhMTE9OuZIuIlufYTF2CYTbr1q1rTIxunn/V/Pxdd93V8r63oqOjI3p7e2NgYCDuuOOOePDBByPiYtj09fXFU0891fK2pk6qr7v77rtTYmj16tWN4Mna5oEDBxqjR7VaLd57772WPlepVBrz1S51mnaqUqkUfX19jVOoEf83vw64PgQWXAcnTpxojDTV1UeKWgms7u7uyy7BUNd80G3l+WbNc4AmJyfj888/L8x/Onz4cGNUrVwuR3d3dyP61q9fHwMDA3HgwIG4//77G893dXXN6fTemjVrZnz+UlfTzUVzCB04cGDa6+fPn5/zBPGp79+wYUOsXbs2IoqRu2bNmrjrrrtm3H6rgTV1Mdm6rFPEwPwILLgOmkeP6ma6cm42s43q1DXPqVm6dOm0U1KTk5ONA3C1Wi1M5G7+bH09reZTifUgmZycLETA8PBwLFq0qBGI7e3tUSqVYmJiIt58881COG7evLnl+U6zhVR7e3vqelrPPffcjKcu53Ormebfb3t7e2MEb6r29vZ5ny6s6+vrK8TUyMhILFy4sBDgV3rVJTB37kUI10FXV9e0karLrYnUrHk+Ta1Wm/b6jh07Yvfu3fGPf/xj2kjGkSNH4ve//33j8fvvvx+PPvpoY47Q1FGc5u9qnuD+wQcfTPve5gnvERdPuUVMX2eq+crHS6lUKoUAmbq21COPPNLSdqaqVquFx+Pj47POUZpPnOzZs2fad7S6X+Pj43Hy5MmW3l8qlQojkfv374+nnnoqHn/88RgZGWk8n3nVJdAaI1jwX2hwcDC2bNkSb7zxRnR2dhYipLe3N37yk5/MelC9/fbb49VXX208Xr16dfT09DQmkh8/fjy2bds2bWSoVCoVtvnhhx9O2/bUZQXqJiYm4uzZs41Rlba2tpZGn9atW1d4PDQ0VJjAP9fTjXVTl1545ZVXZn1v8xWHrWq+mnDqaGN92YqIi6NNhw8fnvdk/XrA1jXPHztx4kQhvuqjicC1YQQLroO+vr5pp75WrVo1p3lFzz333Iz3ELz55psLITR1RKSrqyvWrl3bGPnq6OiYdpXefffdN227zfc7jIh44403pr1nyZIls+7vu+++2/i5VqvFjTfeOOt7Iy7O6WoOhFqtFoODg/HWW28V3jfTFYaXM3VZgtlGr5rnlEXMvDr75dRjq/5f87pbCxcuvKJ7BH7xxReFx82nM6f+W5oaY8DVZQQL/kvNFgU7duxojFacOnUq1q1bN20O0MaNG+Ps2bPT5v+Mj4/Pev+75sv+q9XqjO+51D3v/vrXv8bIyEhjgv/l7Nq1q/D42LFjEXFx8vfDDz/c2Peurq7GrXhaVR9p+/TTTy8ZOFNP2c51vle5XI5KpRI333xzLF++PM6dO1c45Xilc6NGR0cL871eeOGFeP755+PWW2+dtoQHcG0JLLgOpi4qGjF9/tKVGBwcjHXr1hW+o1arxd/+9rdZbzdz8uTJWSeeT73f4Z///OcZ31dfYqCu+ZRhK2s41XV3dxe+r1arFSbUHzt2rDBytXPnzjhz5kzLp8AGBwcvuxxDb2/vtKv75hJxe/funRa2U7d32223xd69e+OVV16Z90jW4OBgY/X+jo6OWdctsw4WXFtOEcK3zNGjR6O/v79wem1oaChefPHFuOeeexrPLV26dMYJ8jPZtGlT4fFsB+s77rij8Hg+c346Ozujt7e38NzUSfIvv/xyYRJ5W1tbvPDCC/O64m8mPT090245NDIy0nIEzRRXM2lra4sHH3ww/vCHP8TRo0ejs7Nzzvs6MDDQWENtNvOZcA9cGSNYcI3MdYTqwoUL8/qegYGBOHToUERcjIJXX301NmzYENu3by+8r729PY4cOdIIiQcffHDGlcynrhg/Pj4eY2Nj0dPTM22tpuZ5P/OZr1QqleKZZ54pzHs6e/bsjKNN+/bta/w5Iy6O3rzwwguxdevWK5rM3dvbOy2uarVay7e0KZfLhbg6cuRIHDt2LCYmJqKzszMeeeSRGdcgW7FiRRw6dChGRkaiv79/Tn+G/v7+eO2116JSqcSiRYvioYceKvwOX3/99Za3BeQQWHAN1K90m2tkVSqVOc/TGR0djb6+vjh//nxs2rQpnn322cLBtnnOztjYWFSr1cak+N7e3mk3pl6/fn3h82+99VZ0d3fHE088EQ888EAMDQ3F4OBg9PX1FeZ0zWe+Uv32Ms37Ottpy9HR0UIgRlxZZJXL5di1a9e003iTk5Px61//uuXtNc9Dq9VqhQsRRkdHY8OGDYXXI6Lwe+vq6orjx4/Hnj175nRarz66tn///sLfV7VandOq8EAOgQXXwNQRkaupXC7HmjVrYufOnYUDba1Wi+eeey527tzZeO78+fOFkaC2trY4dOhQHD58uHFQfvjhhxvvry8u+tJLL0XExVGX7du3Txsdi5jbnJ9KpTJtfycnJ2Pbtm2XDJuBgYG4/fbbCyNCHR0dcfz48RgYGGjptjeXGlWq78NcYrH5CsX29vY4ePBgnDhxIiIiFi9eXFgD7LPPPounn346tmzZMm1C/VxuwFwqlWLLli3TRq4mJydj3759LW8HyCOw4FukXC7PeCqrHlfNyw5MTk42Rj2m3pT5hhtuiIiLI1rNoytvvvlmRBRv9zKToaGhluYrzXQPvfq+tRo2Tz31VBw8eLCwjba2tti+fXusWLHisqf2Zours2fPxo4dO+Y8EjY2NhYjIyONbXZ1dc16W6Jz587FxMRE9Pf3x9tvvx2//e1vo729PQYHB1ue73Xw4MG45557pi0oO584BPL8v1tuueU313sn4Nto69atjZ+r1Wp8+umn8fnnn8/5vwULFsR3v/vdiLh49d7f//73wvf8/Oc/j+9973sREfHHP/4xvvzyy/jhD38YERfnYP3lL3+Jzs7OWLt2bdx8882Nz73xxhvxzjvvRMTFq/2++eabWL16dYyMjMTu3bsjIuKjjz6KBQsWxPLly+Obb76J7du3x1dffRXHjh2Lm266KZYvX97Yt7qTJ0/Gb37zm5Z+RwsXLoyf/vSnhf2aTxi8+eabsXz58rj99tsbz1Wr1di9e3d89dVXl/3sunXrYvHixRHxf6f19u3bd9nPzuaDDz6Im266qbA/U42MjBROf1ar1RgeHo4FCxbE7373u5a/65Zbbokf//jHheeq1Wrs2rVLXMF19J17773339d7J+DbqHm+VfP9/Obq6NGjjXlBM21nptd7enoaV72VSqXGKaq62UZnKpXKjMsdlEql+MEPfjDj6u7r16+PZcuWRUTE22+/Pa+Den0Eanx8PHbv3j3vJQu6u7ujt7c3Pv/88znNw6qPpH344Yep85Xq62AtWrSo8Px8f0+zqa/EX6vV4tixY+ZcwX8AgQVXSfMtUuayRtNUnZ2djVXPZ9pOT09PI3Bee+21GeOks7Mz7rzzzrjhhhvivffe+48c2ZjrYqGzKZVKsWTJkitaIf2/UeaNr4ErJ7AAAJJZaBQAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEj2/wET96rEjyHHSgAAAABJRU5ErkJggg==" alt="">
    </div><p>横長の画像です</p>
  </div>
</div>
<div class="object-fit-contain grid">
  <div class="box">
    <div class="img">
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAJYCAYAAAC6pTUQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAZO0lEQVR4nO3db4iVZd7A8d8+z7MvRtNwVg+WI7hreNiCxVJj2CGEVTqtiKysAxVLgaSwQVOwiOHIui6OKK2ggxiUtCSsyU7iEiGN1LISE1JS9sJdZmBJ6IQxW2epJedNsM8LOec59/xzZtR+Pu3nA9Gc/7ejnO+57uu67/OdFStW/DsAgG/Uf2VvAAD8JxJgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEGAASCDAAJBBgAEggwACQQIABIIEAA0ACAQaABAIMAAkEmG+tSqUSpVJpzPWdnZ3R2dkZ5XI5YasiSqVSHDp0KP70pz+Nu33cHJVKZcJ/E5DhOytWrPh39kbAjVYqleL06dMREXHhwoXo7++Pvr6+KJVKcfLkyWhpaWnc9sQTT1z3623evDnuuOOO+Ne//hWDg4Nx6dKlGBwcbGzLM888E3fffXfs27cv/vnPf8bRo0ejpaUlqtVqbN26NYaHh697G74J5XI5Nm3aFENDQ/Hll19GRMQHH3xwXdt//vz5GBkZiY8//jiuXLkSO3bsuCm/j/Pnzzd+rtVq8dRTTzX+jiDD/2RvAP8Zjh8/HsuWLbspz71y5cox161fv77xc7lcjh07dkRExN69exvxjYhYvnx54Y15ZGQk+vr6ore3d1rb8OSTTzZ+rr+5182bNy9WrlwZra2t8eyzz8bWrVtj27Zt8dxzz0VbW1vs3bt30g8BlUolenp6Jn39oaGhePTRR6e1zc3qYb18+XJ88sknhQ8QzebNmxcbN25sXK7VavGLX/xixq9b19LSEsuWLYtTp059Ix9Gzp8/L76kE2C+ldauXdv4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EggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAQCDAAJBBgAEggwACQQYABIIMAAkECAASCBAANAAgEGgAT/C99Dq7Qe1OOrAAAAAElFTkSuQmCC" alt=""></div>
    <p>縦の画像です</p>
  </div>
  <div class="box">
    <div class="img">
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAHgCAYAAAB5FxNZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAYlElEQVR4nO3df2hd9f348dc+38/+SGsrzerFaoRuSi9TGFVbCQtSWMXrSikra0BlWAi2MMEojFJpyrqOprQ4oQ2lgorDwmpZLBkixRQdKxIJWmz9oxsJDAteqWR6hw7NP8K+f5R7P/fkR3uTvtpu8niAmPvr3NO0cJ68z/u8z3fuvffefwcAAGn+53rvAADAt43AAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACA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AJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEgmsAAAkgksAIBkAgsAIJnAAgBIJrAAAJIJLACAZAILACCZwAIASCawAACSCSwAgGQCCwAgmcACAEj2/wET96rEjyHHSgAAAABJRU5ErkJggg==" alt="">
    </div><p>横長の画像です</p>
  </div>
</div>
              
            
!

CSS

              
                .grid {
  display: grid;
  grid-template-columns: repeat(2, 180px);
  gap: 0 1em;
  margin: 15px 0;
}

.object-fit-cover {
  .box {
    text-align: center;
  }
  .img {
    height: 150px;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}
.object-fit-contain {
  .box {
    text-align: center;
  }
  .img {
    height: 150px;
    img {
      object-fit: contain;
      width: 100%;
      height: 100%;
    }
  }
}
              
            
!

JS

              
                
              
            
!
999px

Console