#main { padding-bottom: 190px; background-image: url('/img/redesign/bg-graphic-dotted-line-4.png'); background-repeat: repeat-y; background-size: 100%; background-position: 0 200px; }
#main::after { content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 929px; height: 420px; background: url('/img/redesign/bg-graphic-castle.png') no-repeat; }

div.user { text-align: center; display: block; margin-bottom: 50px; }
div.user:nth-child(4n) { margin-right: 0; }
div.user:nth-child(4n+1) { margin-left: 0; }
div.user .photo { position: relative; }
div.user .photo img { max-width: 100%; border-radius: 16px; }
div.user .photo:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; opacity: 0; transition: opacity 0.3s; }
div.user .photo:hover:before { opacity: 1; }
div.user .photo.bowtie:before    { background-image: url('/img/redesign/our-team/hover-bowtie.png');    background-position: top 77% left 55%; background-size: 43%; }
div.user .photo.crown:before     { background-image: url('/img/redesign/our-team/hover-crown.png');     background-position: top 2% left 75%;  background-size: 27%; }
div.user .photo.ears:before      { background-image: url('/img/redesign/our-team/hover-ears.png');      background-position: top 0% left 60%;  background-size: 42%; }
div.user .photo.fireworks:before { background-image: url('/img/redesign/our-team/hover-fireworks.png'); background-position: top 10% left 48%; background-size: 92%; }
div.user .photo.stars:before     { background-image: url('/img/redesign/our-team/hover-stars.png');     background-position: top 11% left 9%;  background-size: 28%; }
div.user .photo.sun:before       { background-image: url('/img/redesign/our-team/hover-sun.png');       background-position: top 6% left 6%;   background-size: 33.3333%; }

div.user .name  { font-size: 18px; font-weight: 600; color: #1f1f1f; margin-top: 20px; }
div.user .title { font-size: 16px; font-weight: 300; color: #717171; line-height: 1.2; }