Неофициально, Bootstrap должен выглядеть и вести себя достаточно хорошо в Chromium и Chrome для Linux, Firefox для Linux и Internet Explorer 9, хотя они официально не поддерживаются.
<head>
? При этом в них не попал ни один из ваших файлов стилей, так же как и картинки не попали в <body>
.<html>
<head>
<title>Мистер робот</title>
<meta charset="utf-8">
</head>
<!--
<link rel="stylesheet" href="opp.css">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
-->
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<!--
<div class="backwrap gradient">
<div class="back-shapes">
<img src="circle.png" class="floating" style="top:66.5040650406504%;left:12.96875%;animation-delay:-NaNs;" />
<img src="square.png" class="floating" style="top:60.97560975609756%;left:42.1875%;animation-delay:-NaNs;" />
<img src="square.png" class="floating" style="top:28.943089430894307%;left:93.90625%;animation-delay:-NaNs;" />
</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Russo+One" rel="stylesheet">
-->
<body>
<figcaption>
. Описание по ссылке.<figure class="photo">
<a href="img/originals/img-07.jpg"><img src="images/1.jpg" class="animate" /></a>
<figcaption>Описание</figcaption>
</figure>
.content1-down2 {
background-image: url(../img/vector-smart-object.png);
}
.content1-down2 {
position: relative;
}
img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}