.nm {
   background: url('../assets/images/bg/nm-square-xlarge-animated.svg') bottom center no-repeat; 
}
.brand-development {
    background: url('../assets/images/capabilities/animated/svg/brand-development-square-xlarge-animated.svg') bottom center no-repeat;
    background-size: 100% 100%;  
}
.web-digital {
    background: url('../assets/images/capabilities/animated/svg/web-digital-square-xlarge-animated.svg') bottom right no-repeat;
    background-size: 100% 100%;
}
.devops {
    background: url('../assets/images/capabilities/animated/svg/devops-square-xlarge-animated.svg') bottom right no-repeat;
    background-size: 100% 100%;
}
/*.data-analytics {
    background: url('../assets/images/capabilities/animated/svg/data-analytics-square-xlarge-animated.svg') bottom right no-repeat;
    background-size: 100% 100%;
}*/
.data-analytics {
    background: url('../assets/images/capabilities/animated/svg/data-analytics-landscape-xlarge-animated.svg') bottom right no-repeat;
    background-size: 100% 100%;
}
.tech-consulting {
    background: url('../assets/images/capabilities/animated/svg/tech-consulting-square-xlarge-animated.svg') bottom right no-repeat;
    background-size: 100% 100%;
}
.audio {
    background: linear-gradient(to right, rgba(255,255,255,.9), rgba(255,255,255,0)), url('../assets/images/capabilities/animated/gif/audio-sound-square-xlarge-animated.gif') bottom right no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-aspect-ratio: 50/59) {
   .nm {
   background: url('../assets/images/bg/nm-portrait-xlarge-animated.svg') bottom center no-repeat;
   }
  .brand-development {
      background: url('../assets/images/capabilities/animated/svg/brand-development-portrait-xlarge-animated.svg') bottom center no-repeat;
      background-size: 100% 100%;
  }   
  .web-digital {
      background: url('../assets/images/capabilities/animated/svg/web-digital-portrait-xlarge-animated.svg') bottom right no-repeat;
      background-size: 100% 100%;
  }
  .devops {
      background: url('../assets/images/capabilities/animated/svg/devops-portrait-xlarge-animated.svg') bottom right no-repeat;
	  background-size: 100% 100%;
  }
  .data-analytics {
      background: url('../assets/images/capabilities/animated/svg/data-analytics-portrait-xlarge-animated.svg') bottom right no-repeat;
	  background-size: 100% 100%;
  }     
  .tech-consulting {
      background: url('../assets/images/capabilities/animated/svg/tech-consulting-portrait-xlarge-animated.svg') bottom right no-repeat;
      background-size: 100% 100%;
  }
  .audio {
      background: linear-gradient(to right, rgba(255,255,255,.9), rgba(255,255,255,0)), url('../assets/images/capabilities/animated/gif/audio-sound-portrait-xlarge-animated.gif') bottom right no-repeat;
      background-size: 100% 100%;
  }  
}

@media screen and (max-aspect-ratio: 50/59) and (max-device-width: 767px) {
  .nm {
   background: url('../assets/images/bg/nm-portrait-large-animated.svg') bottom center no-repeat;
  }  
  .brand-development {
      background: linear-gradient(to bottom, rgba(255,255,255,.9)55%, rgba(255,255,255,0)), url('../assets/images/capabilities/animated/svg/brand-development-portrait-large-animated.svg') bottom center no-repeat;
      background-size: contain;
  }    
  .web-digital {
      background:  linear-gradient(to bottom, rgba(223,30,60,1)35%, rgba(223,30,60,0)), url('../assets/images/capabilities/animated/svg/web-digital-portrait-large-animated.svg') bottom center no-repeat;
      background-size: contain;
  }
  .devops {
      background: linear-gradient(to bottom, rgba(25,1,71,1)55%, rgba(25,1,71,0)), url('../assets/images/capabilities/animated/svg/devops-portrait-large-animated.svg') bottom center no-repeat;
	  background-size: contain;
  }  
   .data-analytics {
      background: linear-gradient(to bottom, rgba(255,255,255,1)55%, rgba(255,255,255,0)), url('../assets/images/capabilities/animated/svg/data-analytics-portrait-large-animated.svg') bottom center no-repeat;
	  background-size: contain;
  }     
  .tech-consulting {
      background: linear-gradient(to bottom, rgba(11,107,255,1)55%, rgba(11,107,255,0)), url('../assets/images/capabilities/animated/svg/tech-consulting-portrait-large-animated.svg') bottom center no-repeat;
      background-size: contain;
  }
  .audio {
      background: linear-gradient(to bottom, rgba(255,255,255,.9)55%, rgba(255,255,255,0)), url('../assets/images/capabilities/animated/gif/audio-sound-portrait-large-animated.gif') bottom center no-repeat;
      background-size: contain;
  }  
}

@media screen and (max-aspect-ratio: 50/59) and (min-device-width: 768px) and (max-device-width: 1024px) {
  .nm {
   background: url('../assets/images/bg/nm-portrait-large-animated.svg') bottom center no-repeat;
  }  
  .brand-development {
      background: url('../assets/images/capabilities/animated/svg/brand-development-portrait-large-animated.svg') top right no-repeat;
      background-size: 100% 100%;
  }    
  .web-digital {
      background: url('../assets/images/capabilities/animated/svg/web-digital-portrait-large-animated.svg') top center no-repeat;
      background-size: 100% 100%;
  }
  .devops {
      background: url('../assets/images/capabilities/animated/svg/devops-portrait-large-animated.svg') top right no-repeat;
	  background-size: 100% 100%;
  }
   .data-analytics {
      background: url('../assets/images/capabilities/animated/svg/data-analytics-portrait-large-animated.svg') top center no-repeat;
	  background-size: 100% 100%;
  }        
  .tech-consulting {
      background: url('../assets/images/capabilities/animated/svg/tech-consulting-portrait-large-animated.svg') top center no-repeat;
      background-size: 100% 100%;
  }
  .audio {
      background: url('../assets/images/capabilities/animated/gif/audio-sound-portrait-large-animated.gif') top right no-repeat;
      background-size: 100% 100%;
  }  
}

@media screen and (min-aspect-ratio: 80/57) {
  .nm {
   background: url('../assets/images/bg/nm-landscape-xlarge-animated.svg') bottom center no-repeat;
  }  
  .brand-development {
      background: url('../assets/images/capabilities/animated/svg/brand-development-landscape-xlarge-animated.svg') bottom center no-repeat;
      background-size: 100% 100%;
  }
  .web-digital {
      background: url('../assets/images/capabilities/animated/svg/web-digital-landscape-xlarge-animated.svg') center right no-repeat;
      background-size: 100% 100%;
  }
  .devops {
      background: url('../assets/images/capabilities/animated/svg/devops-landscape-xlarge-animated.svg') top bottom no-repeat;
	  background-size: 100% 100%;
  }
  .data-analytics {
      background: url('../assets/images/capabilities/animated/svg/data-analytics-landscape-xlarge-animated.svg') top center no-repeat;
	  background-size: 100% 100%;
  }          
  .tech-consulting {
      background: url('../assets/images/capabilities/animated/svg/tech-consulting-landscape-xlarge-animated.svg') bottom right no-repeat;
      background-size: 100% 100%;
  }  
  .audio {
      background: linear-gradient(to right, rgba(255,255,255,.9), rgba(255,255,255,0)) url('../assets/images/capabilities/animated/gif/audio-sound-landscape-xlarge-animated.gif') bottom left no-repeat;
      background-size: 100% 100%;
  }
}

@media screen and (min-aspect-ratio: 80/57) and (max-device-width: 1024px) {
 .nm {
   background: url('../assets/images/bg/nm-landscape-large-animated.svg') bottom center no-repeat;
 }  
  .brand-development {
      background: url('../assets/images/capabilities/animated/svg/brand-development-landscape-large-animated.svg') bottom center no-repeat;
      background-size: 100% 100%;
  }
  .web-digital {
      background: url('../assets/images/capabilities/animated/svg/web-digital-landscape-large-animated.svg') bottom right no-repeat;
      background-size: 100% 100%;
  }
  .devops {
      background: url('../assets/images/capabilities/animated/svg/devops-landscape-large-animated.svg') bottom right no-repeat;
	  background-size: 100% 100%;
  }  
  .data-analytics {
      background: linear-gradient(to right, rgba(255,255,255,.9), rgba(255,255,255,0)) url('../assets/images/capabilities/animated/svg/data-analytics-landscape-large-animated.svg') bottom right no-repeat;
	  background-size: 100% 100%;
  }         
  .tech-consulting {
      background: url('../assets/images/capabilities/animated/svg/tech-consulting-landscape-large-animated.svg') bottom left no-repeat;
      background-size: 100% 100%;
  }  
  .audio {
      background: linear-gradient(to right, rgba(255,255,255,.9), rgba(255,255,255,0)), url('../assets/images/capabilities/animated/gif/audio-sound-landscape-large-animated.gif') bottom left no-repeat;
      background-size: 100% 100%;
  }  
}


/*@media screen and (max-device-width: 1024px) and (orientation: landscape) {
  .brand-development {
      background: linear-gradient(to right, rgba(22,255,255,1) 200px, rgba(22,255,255,0)) url('../assets/images/capabilities/animated/svg/brand-development-landscape-large-animated.svg')  center top no-repeat;
 background-size: 75% 75%; 
  }
}*/