#obj-1 .canvas {
  background: linear-gradient(to left, rgba(250, 249, 246, 1) -43%, rgba(245, 239, 234, 1) 100%);
}

#obj-1 .back {
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: contain !important;
  background: linear-gradient(to left, transparent 0%, transparent 30%, rgba(250, 249, 246, 1) 52%, rgba(245, 239, 234, 1) 100%), url(/media/generic-media/2025-08-06_21-04-55_2149941455.avif);
  margin: auto;
  max-width: 1650px;
}

@media only screen and (max-width: 1000px) {
  #obj-1 .back {
    background: linear-gradient(to left, rgba(250, 249, 246, 1) 0%, rgba(245, 239, 234, 1) 100%);
  }
}

#obj-1 .media {
  padding: 8rem 0rem;
  justify-self: left;
  max-width: 500px;
}

@media only screen and (max-width: 1000px) {
  #obj-1 .media {
    justify-self: center;
  }
}

#obj-1 .media .caption {
  border-right: 2px solid var(--color-primary);
  padding: 1rem;
}

#obj-1 .media .btn {
  width: fit-content;
}




#obj-2 .canvas {
  background: linear-gradient(to left, rgba(250, 249, 246, 1) -43%, rgba(245, 239, 234, 1) 100%) !important;
}

#obj-2 .card {
  padding: 4rem !important;
}

@media only screen and (max-width: 550px) {
  #obj-2 .card {
    padding: 2rem !important;
  }
}

@media only screen and (max-width: 550px) {
  #obj-2 .grid>.field {
    grid-column: span 2;
  }
}

#obj-2 .grid>.field.full {
  grid-column: span 2;
}

/* #obj-2 .grid .input {
  background-color: var(--color-canvas);
} */

form {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 2rem;
  transform: translateY(10px);
}