.bg-image {
  background-image: url(/web/images/businesswoman.jpg);
  background-size: cover;
  background-position: 100% 25%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
  overflow: hidden;
}

.bg-text {
  background-color: rgba(255, 255, 255, 0.0);
  padding: 20px;
  animation: fly-in-text 1s ease-out;
}

@keyframes fly-in-text {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@media (min-width: 992px) {
	.fade-in-left-lg {
		align-self: start;
	    animation: fadeInLeft 1s;
	    animation-fill-mode: both;
	}
}
	
@media (min-width: 992px) {
	.fade-in-right-lg {
		align-self: start;
	    animation: fadeInRight 1s;
	    animation-fill-mode: both;
	}	
}