.oferta{
    display: grid;
    justify-content: center;
    font-family:  system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    row-gap: 30px;
  }

  .oferta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 30px 40px 30px 40px;
    column-gap: 30px;
    justify-content: center;
    max-width: 1500px;
    font-family:  system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    row-gap: 30px;
  }
  @media (max-width: 640px) {
    .oferta-grid {
      grid-template-columns: 1fr;
    }
  }
  @media (min-width: 641px) and (max-width: 999px) {
    .oferta-grid {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 1000px) {
    .oferta-grid {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  .oferta-grid__content {
        height: 510px;
        flex-direction: column;
        display: flex;
        border-radius: 45px;
        transition: scale 0.4s;
        padding-bottom: 15px;
  }
  .oferta-grid__content:hover {
    scale: 1.04;
  }
  .photo {
    width: 100%;
    border-radius: 45px 45px 0px 0px;
  }

  .flex {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    flex: 1;
    font-size: 35px;
    font-weight: 700;
    margin: 20px;
  }
  .background {
    position: fixed; 
    top: 0; 
    left: 0;
    z-index: -1; 
    min-width: 100%;
    min-height: 100%;
  }