Change preloader

This is what you need to add to use your own preloader

.preloader .pre-bounce1, .preloader .pre-bounce2 {
   display: none;
}
.preloader .spinner {
   background-image: url('http://yoursite.com/path/to/image.gif');
   width: 30px;
   height: 30px;
   background-repeat: no-repeat;
   background-size: contain;
}
INFO: This is a CSS snippet. If you don’t have a child theme or don’t know how to use one, we recommend that you add this snippet in Customize > Additional CSS.