.custom-file-upload1{display:inline-block;position:relative;padding:6px;cursor:pointer;border:2px solid #000;margin-bottom:25px}.img-wrap1{position:relative;width:200px;height:200px;overflow:hidden}.img-upload1:before{font-family:"Material Icons";content:"\e2c6";font-size:90px;position:absolute;padding-top:80px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#2a324c;width:200px;height:200px;opacity:0;transition:.5s ease;background-color:#fff}.img-upload1:hover:before{opacity:1}.img-wrap2{position:relative;width:600px;height:200px;overflow:hidden}.img-upload2:before{font-family:"Material Icons";content:"\e2c6";font-size:90px;position:absolute;padding-top:80px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#2a324c;width:600px;height:200px;opacity:0;transition:.5s ease;background-color:#fff}.img-upload2:hover:before{opacity:1}form{display:flex;flex-direction:column;justify-content:center;align-items:center}input[type=file]{display:none}.custom-file-upload{border-radius:50%;display:inline-block;position:relative;padding:6px;cursor:pointer;background:linear-gradient(270deg,#3358d1,#2a324c);margin-bottom:25px}.img-wrap{position:relative;overflow:hidden}.img-upload:before,.img-wrap{width:200px;height:200px;border-radius:50%}.img-upload:before{font-family:"Material Icons";content:"\e2c6";font-size:90px;position:absolute;padding-top:80px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#2a324c;opacity:0;transition:.5s ease;background-color:#fff}.img-upload:hover:before{opacity:1}.spinner{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}