.html {
  font-size: 22px; }

.block-header {
  max-width: 550px;
  display: flex;
  margin: 50px auto 80px auto; }
  .block-header:hover img {
    opacity: 0.5 !important; }
  .block-header img {
    max-width: 100%;
    opacity: 0.5;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.5s ease-out; }
    .block-header img:hover {
      opacity: 1 !important; }
  .block-header .active img, .block-header .initial img {
    opacity: 1; }

.block-results:hover .result {
  transition: all 0.5s ease-out;
  opacity: 0.5; }

.block-results .result:hover {
  opacity: 1; }

.block-results .result a img {
  max-width: 100%;
  border: 1px solid #e3e3e3;
  margin-bottom: 20px; }