SOMEONE PLEASE HELPPPPP MY PFP ONLY WORKS ON MOBILE

heres my code!! 
i was trying to change my pfp and it only loads on moblie :(

<style>

@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');

div.container {

width: 1000px; }

main {

background-color: #ffffff;

border: 5px groove #ffe6ee; }

main, main p {

font-family: 'balsamiq sans', cursive;

font-size: 15px;

color: grey; }

main:before {

background-image: url(https://i.pinimg.com/564x/be/ce/e8/becee86773504ecb94ae46625dc0b95f.jpg);

content: "";

width: 100%;

height: 100px;

display: block;

background-size: cover;

background-repeat: no-repeat; }

main:after {

background-image: url(https://i.pinimg.com/564x/d4/cf/8f/d4cf8f355418fbc7fb2947a5fac7a886.jpg);

content: "";

width: 100%;

height: 100px;

display: block;

background-size: cover;

background-repeat: no-repeat; }

.profile h1 {

font-family: 'petit formal script', cursive;

font-size: 40px;

color: #ffe6ee;

text-shadow: 2px 3px 3px pink;

text-align: center; }

.general-about {

border: 1px solid pink;

width: 300px;

height: 180px;

margin-bottom: 8px;

box-shadow: 2px 3px 3px pink; }

.general-about .profile-pic img {

border: 1px solid pink;

margin: 8px;

height: 170px;

width: 170px; }

.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {

border: 1px solid pink;

width: 90px;

height: 90px; }

body {

background-image: url("https://i.pinimg.com/564x/68/c0/40/68c040c4e589c7e9766bf753ec1d5deb.jpg");

background-size: 400px;

overflow-y: scroll; }

nav img.logo {

filter: brightness(0) saturate(10%) invert(10%) sepia(10%) saturate(100%) hue-rotate(0deg) brightness(10%) contrast(10%); }

nav .top, nav .links, footer {

font-family: 'balsamiq sans', cursive;

font-size: 14px;

font-weight: normal;

background: #ffe6ee;

margin-top: 3px;

margin-bottom: 3px;

border: 5px groove #ffe6ee; 

color: grey; }

footer, footer p, i, p.copyright {

font-size: 14px; 

text-transform: lowercase; }

form>button, button {

font-family: 'Balsamiq Sans', cursive;

font-weight: bold;

color: gray;

background-color: #ffe6ee;

border: 1px solid gray;

text-transform: lowercase; }

[id='q'] {

border: 1px solid gray; }

label {

font-family: 'Balsamiq Sans', cursive;

font-size: 14px;

color: gray;

text-transform: lowercase;

font-weight: bold; }

nav .top .right, .logout-btn {

font-family: 'Balsamiq Sans', cursive;

font-size: 14px;

color: gray;

font-weight: bold;

text-transform: lowercase; }

nav .links a, nav .links .special a {

font-family: 'balsamiq sans', cursive;

font-size: 14px;

font-weight: bold;

color: gray;

text-transform: lowercase;

text-shadow: none; }

nav .links, footer .links {

word-spacing: 4px;

text-align: center; }

li.active icon {

content: url(https://64.media.tumblr.com/tumblr_lu9w9mu2Yc1qf290m.gif); }

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

content: " ୨୧";

font-size: 13px;

font-weight: bold;

color: grey; }

.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {

font-family: 'petit formal script', cursive;

text-transform: lowercase;

border-bottom: 1px solid pink;

text-align: center;

background-color: #ffe6ee; 

color: grey; }

.profile .contact {

border: 1px solid pink;

box-shadow: 2px 3px 3px pink;

text-transform: lowercase; }

main a {

font-size: 15px; 

text-transform: lowercase;

color: grey; }

a.more {

font-family: 'balsamiq sans', cursive; }

nav .top a { 

font-size: 14px;

color: grey; }

a, b, div.mood, .url-info, .table-section {       

font-family: 'balsamiq sans', cursive;

font-size: 15px;

text-transform: lowercase;

color: grey; }

nav .top a:hover, nav .links a:hover, a:hover {

color: lightblue;

text-decoration: underline; }

.url-info, div.blog-preview {

background: #ffe6ee;

box-shadow: 2px 3px 3px pink;

text-align: center;

border: 1px solid pink;

color: gray; }

div.blog-preview h4, div.blog-preview h4 a{

font-family: 'petit formal script', cursive;

text-transform: lowercase; }

.profile .table-section {

border: 1px solid pink; 

box-shadow: 2px 3px 3px pink; }

.details-table td {

border: 1px solid pink; }

table {

border-spacing: 4px; }

.profile .blurbs .heading {

color: grey;

background-color: #ffe6ee;

border-bottom: 1px solid pink; }

.profile .blurbs, .profile .friends {

border: 1px solid pink;

box-shadow: 2px 3px 3px pink; }

.profile .friends .heading {

border-bottom: 1px solid pink;

text-align: center;

background-color: #ffe6ee; }

div.friends {

margin-bottom: 15px; }

table.comments-table {

display: block;

height: 400px!important;

overflow-y: scroll; }

.comments-table td {

border: 1px solid pink; }

div.comment-replies {

border: 1px solid pink;

margin-bottom: 2px; }

.profile .blurbs .section h4 {

font-size: 15px;

color: grey;

text-align: center;

text-decoration: 1px underline;

text-transform: lowercase; }

.blurbs p{

text-align: center; }

.count{

color: grey; }

:root {

--logo-blue: #ffe6ee;

--darker-blue: #ffe6ee;

--lighter-blue: #ffe6ee;

--even-lighter-blue: #ffe6ee;

--lightest-blue: #ffe6ee;

--dark-orange: #ffe6ee;

--light-orange: #ffe6ee;

--even-lighter-orange: #ffe6ee; }

.contact .inner a img {

font-size: 0px; }

.contact .inner a img:before {

font-size: 1em;

display: block; }

.contact .f-col>a:before {

content: url(https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif); }

.online { /*online icon*/

content: url("https://ct.pimp-my-profile.com/online/stalkme9bb.gif"); }

::-webkit-scrollbar{

height: 10px;

width: 15px; }

::-webkit-scrollbar-track{

background: #fff; }

::-webkit-scrollbar-thumb{

background: #ffe6ee;

border: 1px solid grey; }

::-webkit-scrollbar-thumb:hover{

background: #feedf5; }

.profile-info {

font-size: 15px;

border: 1px solid pink;

box-shadow: 2px 3px 3px pink;

text-transform: lowercase; }

.report .icon{

visibility: hidden; }

p.report {

background: url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSXS5yzNrI/AAAAAAAAAFY/cYCKZt7z-0k/s800/gif15.gif);

background-repeat: no-repeat;

display: inline-block; 

font-size: 80%;

text-transform: lowercase; }

p.report a {

font-size: 11px; }

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur265.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-pink-pointer.html" target="_blank" title="Light Pink Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Pink Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>