
.org-plots
  width: 0
  max-height: 320px
  margin: 0 0 2em 0
  flex: 1
  overflow: hidden
  opacity: 0
  position: relative

  &:after
    // content: ""
    // display: block
    position: absolute
    left: 0
    top: 0
    right: 0
    bottom: 0
    background: #fff

  @media (max-width: 640px)
    width: 100%

  &.ready
    width: 100%
    transition: opacity .5s linear 2s
    opacity: .5

    &:after
      transform: translateX(100%)
      transition: transform 1.5s linear 5s

  iframe
    width: calc(100% + 60px)
    height: calc(100% + 60px)
    border: none
    box-sizing: border-box
    margin: -48px -2px -2px -48px
