.film-grain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.04;
  pointer-events: none;
  z-index: 9999;
  background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuDFMzN95iI2JHFprM6nIJqh4osAGB7PcWQDqQ2NV5TLqI2edDzuwZ0VieyERlG9HlUUA9psZCFwHYuUhUu22QcwMsy0_NW-95OjUy5kQX614gBT8M9dazLyZTAwt6CSA6yyryjvN7xhL1WZEjdfTVodA7J84Jka4SskET5CjF152cQ9tCXj8qruO94g2DLdHNoJV4oeGZyaYucRwPOXVkH-T44Q3OTmOM6NzDMjjX-aQUqMgc8kysLC_yGCX0h-6BzUnduQ-ExZjXpw);
}
.viewfinder-corner {
  width: 20px;
  height: 20px;
  border: 1px solid #fdc500;
}
.viewfinder-tl {
  border-right: 0;
  border-bottom: 0;
}
.viewfinder-tr {
  border-left: 0;
  border-bottom: 0;
}
.viewfinder-bl {
  border-right: 0;
  border-top: 0;
}
.viewfinder-br {
  border-left: 0;
  border-top: 0;
}