/* general styling */
.websites {
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center top;
  background-size: cover;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}

/* individual images */
.webp .websites-1 {
  background-image: url('../images/construction-site-link.webp');
}
.webp .websites-2 {
  background-image: url('../images/keyboard-ad.webp');
  background-position: right top;
  background-size: cover;
  width: 75%;
}
.webp .websites-3 {
  background-image: url('../images/southbrook-church.webp');
}
.webp .websites-4 {
  background-image: url('../images/mac2.webp');
}
.webp .websites-5 {
  background-image: url('../images/construction-site-link.webp');
}
.webp .websites-6 {
  background-image: url('../images/mac2.webp');
}
.webp .websites-7 {
  background-image: url('../images/construction-site-link.webp');
}
.webp .websites-8 {
  background-image: url('../images/mac2.webp');
}
.webp .websites-9 {
  background-image: url('../images/construction-site-link.webp');
}
.webp .websites-10 {
  background-image: url('../images/mac2.webp');
}