<div class="container">
  <figure class="fig">
    <img src="https://i.ibb.co/KLw54YK/glass-transparent-png-25.png" alt="Original image">
    <figcaption>Original image</figcaption>
  </figure>
  <figure class="fig" style="margin-top: 50px;">
    <img src="https://i.ibb.co/KLw54YK/glass-transparent-png-25.png" class="drop-shadow" alt="Image with drop shadow">
    <figcaption>With drop shadow</figcaption>
  </figure>
</div>
body {
  height: 100vh;
  display: grid;
  place-items: center;
  font-family: Arial, sans-serif;
}

.container {
  -webkit-transform: scale(.91);
  -moz-transform: scale(.91);
  transform: scale(.91);
}

img {
  width: 350px;
}

img.drop-shadow {
  filter: drop-shadow(0 0 3px #000);
}

figure.fig figcaption {
  text-align: center;
  margin-top: 5px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.