div.joomla-article .image-large {
  width: 65%;
}

div.joomla-article figure img { 
  width: 100%; height: auto; 
}
div.joomla-article figure {
  margin: 0; padding: 0;
  text-align:left;
  width: 20%;
  border: 7px solid white;
  margin: 5px;
  background: #fff;
  display: inline-block;
  box-shadow: 0 10px 8px -6px rgba(0,0,0,0.2);
  float:left; 
  clear: left;
  min-width:200px;
}
div.joomla-article figure figcaption { 
  caption-side: bottom;
  font-weight: bold;
  padding: 5px;  
  color: #333;
  font-family: Avenir, Arial, sans-serif; 
  font-size:9px;  
}
div.joomla-article figure figcaption:first-letter { text-transform: uppercase; }
@media screen and (max-width: 200px) {
	div.joomla-article figure { width: 100%; }
} 

@media only screen and (max-width: 640px) {
  div.joomla-article .image-large {
    width: unset;
  }
}