JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<img src="https://images.unsplash.com/photo-1533090032847-911e043ffaab?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=364fd04d683a7abfe3a80ee8fa6d8a78&auto=format&fit=crop&w=1500&q=80" alt="storm troopers on field">

<img src="https://images.unsplash.com/photo-1533135404995-a618910b7b6f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=c872c4a9012426494df9b9ce5ca5245a&auto=format&fit=crop&w=1500&q=80" alt="rebels at war">

  <img src="https://images.unsplash.com/photo-1533142879707-e92dd3c4fba6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=b48566f914c6d7eb706a89d2ce9af235&auto=format&fit=crop&w=2775&q=80" alt="Darth Vader">

  <img src="https://images.unsplash.com/photo-1533129091504-3d31c43157a9?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=0aa2639e45816dd1e7aefaa4277fcf7f&auto=format&fit=crop&w=1334&q=80" alt="">
  
  <svg width="7" height="12" viewBox="0 0 7 12"><path fill="#000000" d="M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z"></path></svg>

CSS

img{
  max-width: 98vw;
  max-height: 98vh;
  position: absolute;
  top: 1vh;
  left: 1vw;
}
svg{
  position: absolute;
  top: 50vh;
  right: 1vw;
  z-index:99;
  box-shadow: 0px 0px 5px #fff;
  
  background-color: #fff;
  border-radius: 50%;
  border: 10px solid white;
  width: 24px;
  height:24px;
}