.parent{width:100%;height:40vh;background-color:initial;overflow:hidden}.magicpattern{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:repeat;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg mask=%22url(%23b)%22%3E%3Cg style=%22transform-origin:center center%22 fill=%22%23bd8e2a%22%3E%3Ccircle cx=%22348%22 cy=%2243.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221566%22 cy=%2243.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22913.5%22 cy=%22130.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221870.5%22 cy=%22130.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22348%22 cy=%22217.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22783%22 cy=%22217.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221218%22 cy=%22217.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221305%22 cy=%22217.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221740%22 cy=%22217.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22391.5%22 cy=%22304.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221435.5%22 cy=%22304.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22870%22 cy=%22391.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22826.5%22 cy=%22478.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22913.5%22 cy=%22478.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221000.5%22 cy=%22478.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221261.5%22 cy=%22478.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221870.5%22 cy=%22478.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22609%22 cy=%22565.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22870%22 cy=%22565.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221044%22 cy=%22565.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221305%22 cy=%22565.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221479%22 cy=%22565.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221653%22 cy=%22565.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%2243.5%22 cy=%22652.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22304.5%22 cy=%22652.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22826.5%22 cy=%22652.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221479%22 cy=%22739.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22217.5%22 cy=%22826.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22652.5%22 cy=%22826.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221435.5%22 cy=%22826.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221827%22 cy=%22913.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22130.5%22 cy=%221000.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22174%22 cy=%221087.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22609%22 cy=%221087.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22957%22 cy=%221087.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22826.5%22 cy=%221174.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221348.5%22 cy=%221174.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221435.5%22 cy=%221174.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22609%22 cy=%221261.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22957%22 cy=%221261.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221044%22 cy=%221261.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221131%22 cy=%221261.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221740%22 cy=%221261.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%2243.5%22 cy=%221348.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22304.5%22 cy=%221348.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22565.5%22 cy=%221348.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%221348.5%22 cy=%221348.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22261%22 cy=%221435.5%22 r=%224.8%22%2F%3E%3Ccircle cx=%22609%22 cy=%221435.5%22 r=%224.8%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%2240%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")}