.breakpoint-title {
    &__speakers {
      div.breakpoint-title-bg-img {
        background-size: 100%;
  
        @media all and (min-width: 450px) {
          background-size: 90%;
          left: 20px;
        }
  
        @media all and (min-width: 600px) {
          background-size: 90%;
          left: 40px;
        }
  
        @media all and (min-width: 768px) {
          background-size: 100%;
          left: 20px;
        }
      }
    }
  
    &__tickets {
      div.breakpoint-title-bg-img {
        background-size: 100%;
  
        @media all and (min-width: 450px) {
          background-size: 90%;
          left: -20px;
        }
  
        @media all and (min-width: 600px) {
          left: -40px;
        }
  
        @media all and (min-width: 768px) {
          background-size: 100%;
          left: -20px;
        }
      }
    }
  
    &__travel {
      div.breakpoint-title-bg-img {
        background-size: 85%;
  
        @media all and (min-width: 450px) {
          background-size: 70%;
          left: 20px;
        }
  
        @media all and (min-width: 768px) {
          background-size: 95%;
          left: 10px;
        }
      }
    }
  
    &__get-involved {
      div.breakpoint-title-bg-img {
        background-size: 100%;
        left: 20px;
  
        @media all and (min-width: 450px) {
          background-size: 80%;
        }
      }
    }
  
    &__highlights {
      div.breakpoint-title-bg-img {
        background-size: 100%;
        left: -10px;
  
        @media all and (min-width: 450px) {
          background-size: 80%;
        }
  
        @media all and (min-width: 500px) {
          left: 0;
        }
  
        @media all and (min-width: 768px) {
          left: -30px;
        }
      }
    }
  
    div {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 105%;
      z-index: 1;
    }
  }