body {
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
}

main {
	padding-top: 0 !important;
}

h1 {
	margin: 20px 0px;
	font-weight: bold;
}

#render {
	width: 60%;
	position: relative;
}

#render img {
	width: 100%;
	clip-path: inset(0 22% 0 0);
}

.frame {
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 22.2222%;
	background-size: cover;
	opacity: 0;
}

#trigger {
	position: absolute;
	width: 5.5%;
	height: 12%;
	top: 81%;
	left: 23.5%;
}

#anim1 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_01.png");
	opacity: 1;
}

#anim2 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_02.png");
}

#anim3 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_03.png");
}

#anim4 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_04.png");
}

#anim5 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_05.png");
}

#anim6 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_06.png");
}

#anim7 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_07.png");
}

#anim8 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_08.png");
}

#anim9 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_09.png");
}

#anim10 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_10.png");
}

#anim11 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_11.png");
}

#anim12 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_12.png");
}

#anim13 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_13.png");
}

#anim14 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_14.png");
}

#anim15 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_15.png");
}

#anim16 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_16.png");
}

#anim17 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_17.png");
}

#anim18 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_18.png");
}

#anim19 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_19.png");
}

#anim20 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_20.png");
}

#anim21 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_21.png");
}

#anim22 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_22.png");
}

#anim23 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_23.png");
}

#anim24 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_24.png");
}

#anim25 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_25.png");
}

#anim26 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_26.png");
}

#anim27 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_27.png");
}

#anim28 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_28.png");
}

#anim29 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_29.png");
}

#anim30 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_30.png");
}

#anim31 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_31.png");
}

#anim32 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_32.png");
}

#anim33 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_33.png");
}

#anim34 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_34.png");
}

#anim35 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_35.png");
}

#anim36 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_36.png");
}

#anim37 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_37.png");
}

#anim38 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_38.png");
}

#anim39 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_39.png");
}

#anim40 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_40.png");
}

#anim41 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_41.png");
}

#anim42 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_42.png");
}

#anim43 {
	background-image: url("/photos/renders/desktop_frames/Brennyn%20Sabar%20Render_43.png");
}