.big-banner{
    background: #fff;   
    background-image: url("../img/"); /* Replace with your image path */
    background-repeat: no-repeat;
    background-position: center center;
    /*height: clamp(25rem, 22.606rem + 10.638vw, 31.25rem); */
    background-color: #FDFAF7;
    width: 1300px;
    position: relative;
}

.big-banner h1{
    color: var(--second-color);
}

.big-banner img{
    /*width: clamp(22.5rem, 12.926rem + 42.553vw, 47.5rem);*/
    width: clamp(22.5rem, 5.697rem + 74.681vw, 66.375rem);
    height: clamp(25rem, 19.016rem + 26.596vw, 40.625rem);
    pointer-events: none;
    user-select: none;
    cursor: not-allowed;
    z-index: 1;
    opacity: 0.5;
}

.big-banner p {
    /* Add position: absolute to take the p element out of the normal flow */
    position: absolute;
    /* Set the left and top properties to position the p element at the top-left corner */
    left: 0;
    top: 20%;
    /* Add some padding to create some space between the p element and the image */
    padding: 20px;
    /* Set the z-index to ensure the p element is on top of the image */
    z-index: 2;
  }
.container.banner{
    background: #FDFAF7;    
}

.banner-text{
    font-size: clamp(1.25rem, 0.963rem + 1.277vw, 2rem);
    font-weight: bolder;
    color: var(--second-color);
    text-shadow: 0 0 0 #000;
}

.banner-text span{
    color: var(--third-color);
}


@media(max-width: 1299px){
    .contenedor.big-banner{
        width: 100%;
    }
}

/*@media(max-width: 767px){
    .big-banner{
        background-image: none;
    }
}*/

@media(max-width: 768px){
    .big-banner p {
        top: 1%;
    }
}