.cover-bg-gansi-premio {
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.cover-bg-gansi-premio__noise {
    opacity: 0.2;
    top: 0;
    mask-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 94%,
        rgba(0, 0, 0, 0.2) 98%,
        rgba(0, 0, 0, 0) 100%
    );
    -webkit-mask-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 94%,
        rgba(0, 0, 0, 0.2) 98%,
        rgba(0, 0, 0, 0) 100%
    );
    height: calc(100% + 100px);
}

.cover-bg-gansi-premio-container {
    height: 100%;
    position: relative;
    width: 100%;
}
.cover-bg-gansi-premio-image-bg {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.cover-bg-gansi-premio__light1 {
    background: radial-gradient(
        rgb(221, 144, 55) 0%,
        rgb(211, 150, 104) 15%,
        rgba(17, 160, 242, 0) 80%
    );
    height: 450px;
    left: 50%;
    mix-blend-mode: color-dodge;
    opacity: 0.6;
    position: absolute;
    top: 100px;
    transform: translateX(-50%);
    width: 750px;
    mask-image: radial-gradient(
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.8) 35%,
        rgba(0, 0, 0, 0) 70%,
        rgba(0, 0, 0, 0) 100%
    );
    -webkit-mask-image: radial-gradient(
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.8) 35%,
        rgba(0, 0, 0, 0) 70%,
        rgba(0, 0, 0, 0) 100%
    );
}

@media (min-width: 768px) {
    .cover-bg-gansi-premio__light1 {
        height: 680px;
        top: 80px;
        width: 1024px;
    }
}

@media (min-width: 1024px) {
    .cover-bg-gansi-premio__light1 {
        height: 680px;
        top: 60px;
        width: 1024px;
    }
}

@media (min-width: 1360px) {
    .cover-bg-gansi-premio__light1 {
        height: 800px;
        top: 80px;
        width: 1200px;
    }
}

@media (min-width: 1920px) {
    .cover-bg-gansi-premio__light1 {
        height: 900px;
        top: 80px;
        width: 1500px;
    }
}