ul.portfolio-gallery
  @include container()
  list-style-type: none
  color: white
  padding: 0

  li.slide
    @include span(6)
    background: rgba(0, 0, 0, 0.75)
    margin-bottom: gutter()
    position: relative
    z-index: 0

    &:nth-child(even)
      @include span(6 last)

    a
      color: white
      text-decoration: none

    .container
      padding: 0.75em

    .date-start, .date-end, ul.tags
      font-size: 0.8em

    .date-start
      @include span(6)

    .date-end
      @include span(6 last)
      text-align: right

ul.portfolio-gallery
  @include container()
  list-style-type: none
  color: white
  padding: 0

  li.slide
    @include span(6)
    @include background-size(cover)
    margin-bottom: gutter()
    position: relative
    z-index: 0

    &:nth-child(even)
      @include span(6 last)

    &:before
      position: absolute
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6))
      width: 100%
      height: 100%
      left: 0
      top: 0
      content: ''
      z-index: -1

    a
      color: white
      text-decoration: none

    .container
      padding: 0.75em

    .date-start, .date-end, ul.tags
      font-size: 0.8em

    .date-start
      @include span(6)

    .date-end
      @include span(6 last)
      text-align: right

Add half-transparent background for gallery slides
Add half-transparent background for gallery slides
