JSFiddle - React, Tailwind, and code Playground

by gianlucaguarini

HTML

<img src='https://upload.wikimedia.org/wikipedia/commons/9/9d/Ubuntu_logo.svg'>

CSS

body {
  display: flex;
  align-content: center;
  justify-content: center;
  height: 100vh;
}
img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  
  /* shadow on an svg image! */
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
}