.fondo1 {
    /* background-image: url(../../assets/img/fondo1.png); */
    background-size: auto 100%;
    background-position: 70%;
    display: block;
    background-repeat: no-repeat;
    z-index: -1;
    height: 178%;
    max-height: 1200px;
    width: 66%;
    top: 50%;
    transform: translateY(-50%);
}

.fondo2 {
    /* background-image: url(../../assets/img/fondo2.png); */
    background-size: auto 100%;
    background-position: 30%;
    background-repeat: no-repeat;
    z-index: -1;
    height: 178%;
    max-height: 1200px;
    width: 66%;
    top: 50%;
    transform: translateY(-50%);
}

.sombra {
    border-radius: 5%;
    border: solid 1px #fff;
    -webkit-box-shadow: 0px 14px 9px 0px rgba(163, 160, 163, 1);
    -moz-box-shadow: 0px 14px 9px 0px rgba(163, 160, 163, 1);
    box-shadow: 0px 14px 9px 0px rgba(163, 160, 163, 1);
    position: relative;
    background-size: auto 100%;
    background-position: 30%;
    background-repeat: no-repeat;
}

.df1 {
    width: 65px;
    height: 78px;
    top: 23%;
    left: 43%;
}
.df2 {
    width: 65px;
    height: 78px;
    top: 17%;
    left: 14%;
}
.df3 {
    width: 81px;
    height: 110px;
    top: 19%;
    left: 9%;
}
.df4 {
    width: 69px;
    height: 94px;
    top: 10%;
    left: 28%;
}
.df5 {
    width: 84px;
    height: 124px;
    top: 10%;
    left: 20%;
}
.df6 {
    width: 59px;
    height: 97px;
    top: 6%;
    left: 8%;
}
.df7 {
    width: 130px;
    height: 174px;
    top: -15%;
    left: 42%;
}
.df8 {
    width: 63px;
    height: 87px;
    top: -9%;
    left: 46%;
}
.df9 {
    width: 136px;
    height: 183px;
    top: -16%;
    left: 13%;
}
.df10 {
    width: 86px;
    height: 120px;
    top: -15%;
    left: 5%;
}
.df11 {
    width: 116px;
    height: 156px;
    top: -31%;
    left: 43%;
}

.df12 {
    width: 71px;
    height: 104px;
    top: 22%;
    left: 47%;
}
.df13 {
    width: 68px;
    height: 96px;
    top: 24%;
    left: 36%;
}
.df14 {
    width: 112px;
    height: 155px;
    top: 10%;
    left: 70%;
}
.df15 {
    width: 89px;
    height: 123px;
    top: 15%;
    left: 66%;
}
.df16 {
    width: 125px;
    height: 176px;
    top: -5%;
    left: 48%;
}
.df17 {
    width: 89px;
    height: 127px;
    top: 0%;
    left: 36%;
}
.df18 {
    width: 66px;
    height: 88px;
    top: -13%;
    left: 53%;
}
.df19 {
    width: 113px;
    height: 158px;
    top: -8%;
    left: 58%;
}
.df20 {
    width: 125px;
    height: 180px;
    top: -31%;
    left: 77%;
}
.df21 {
    width: 86px;
    height: 126px;
    top: -33%;
    left: 39%;
}