.photo-tile-container {
  height: 100%; }
  @media (min-width: 544px) {
    .photo-tile-container .imageTile-container.sticky-image {
      position: sticky;
      top: 73px; } }
  .photo-tile-container .imageTile-container.active-shadow picture:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 30%); }
  .photo-tile-container .imageTile-container picture {
    width: auto;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .photo-tile-container .imageTile-container picture:hover .shadow {
      opacity: var(--opacity-percentage); }
    .photo-tile-container .imageTile-container picture img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: var(--focal-point-x) var(--focal-point-y); }
    .photo-tile-container .imageTile-container picture .shadow {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      transition: all 0.3s ease-in-out; }
    .photo-tile-container .imageTile-container picture .urltext {
      color: #fff;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 24px;
      position: absolute;
      bottom: 32px;
      left: 0px;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 0 40px;
      z-index: 3; }
      .photo-tile-container .imageTile-container picture .urltext .tile-text {
        padding-right: 15px; }
      .photo-tile-container .imageTile-container picture .urltext .icon-svg svg {
        width: 30px;
        height: 26px;
        transform: scale(1.3); }
      .photo-tile-container .imageTile-container picture .urltext svg {
        fill: transparent; }
      @media (max-width: 543.98px) {
        .photo-tile-container .imageTile-container picture .urltext {
          font-size: 16px; } }
    .photo-tile-container .imageTile-container picture:before {
      position: absolute;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      right: 0;
      z-index: 2; }

.experience-photo-tile {
  height: 100%; }

.multi-carousel .sticky-image {
  height: 100%; }
  @media (min-width: 544px) {
    .multi-carousel .sticky-image {
      position: sticky;
      top: 73px; } }