/* Oculta a div original */
.login-right {
  display: none !important;
}

/* Insere imagem substituta logo após a div oculta */
.login-right::after {
  content: "";
  display: block;
  width: 600px;
  max-width: 100%;
  height: auto;
  background-image: url('/img/tier3imagem.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .logo-wrapper img {
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
  }

  .logo-wrapper::before {
    content: "";
    display: block;
    width: 140px;
    height: 50px;
	margin-top: -10px;
    background-image: url('https://teste.showdeimagem.com.br/img/zelojobs.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
  }
}