<div id="container">
  <img src="http://indevmode.com/media/posts/referencia/luffy.jpg" alt="Wanted: Monkey. D. Luffy" title="Wanted: Monkey. D. Luffy" />
  <img src="http://indevmode.com/media/posts/referencia/zoro.jpg" alt="Wanted: Roronoa Zoro" title="Wanted: Roronoa Zoro" />
  <img src="http://indevmode.com/media/posts/referencia/nami.jpg" alt="Wanted: Nami" title="Wanted: Nami" />
  <img src="http://indevmode.com/media/posts/referencia/sogeking.jpg" alt="Wanted: Sogeking" title="Wanted: Sogeking" />
  <img src="http://indevmode.com/media/posts/referencia/sanji.jpg" alt="Wanted: Sanji" title="Wanted: Sanji" />
  <img src="http://indevmode.com/media/posts/referencia/chopper.jpg" alt="Wanted: Chopper" title="Wanted: Chopper" />
  <img src="http://indevmode.com/media/posts/referencia/robin.jpg" alt="Wanted: Nico Robin" title="Wanted: Nico Robin" />
  <img src="http://indevmode.com/media/posts/referencia/franky.jpg" alt="Wanted: Franky" title="Wanted: Franky" />
  <img src="http://indevmode.com/media/posts/referencia/brook.jpg" alt="Wanted: Brook" title="Wanted: Brook" />
</div>
#container :nth-child(1) {
  border: 20px double #34495e !important;
  box-shadow: 10px 10px 15px  rgba(0, 0, 0, 0.6) !important;
  display: block !important;
  margin: 0 auto 40px !important;
  width: 60% !important;
}

#container :nth-child(even),
#container :nth-child(odd) {
  box-shadow: 5px 5px 6px  rgba(0, 0, 0, 0.6);
  margin: 2%;
  width: 18%;
}

#container :nth-child(-n+5) {
  border: 10px groove #2980b9;
}

#container :nth-child(n+6) {
  border: 10px groove #16a085;
}

/* Otros estilos */

* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: #ededed;
  font-family: sans-serif;
  margin: 20px 0;
}

img {
  display: inline-block;
}


#container {
  background-color: #fff; 
  margin: 0 auto;
  max-width: 800px;
  padding: 40px 20px;
  text-align: center;
  width: 95%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.