JSFiddle - React, Tailwind, and code Playground

by HDL52

HTML

<div id="card"></div>

CSS

body {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: black;
  transform: scale(0.7);
}

#card {
  width: 200px;
  height: 300px;
  background: url("https://raw.githubusercontent.com/Hongda-OSU/PicGo-2.3.1/master/img9az9ag8f964xjn2z9xgcptcek2dutmr.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 8px white;
  -webkit-box-reflect: below 15px linear-gradient(transparent, transparent, #0005);
}