body {
  background-color: #66FFFF;
  color:  #9933FF;
  font-family: Verdana, geneva, w3-pink;
  margin: 20px;
 }
 
 .normal {
        width: 200px;
        height: auto;
      }

      .circulo {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        object-fit: cover;
      }

      .elipse {
        width: 250px;
        height: 150px;
        border-radius: 50% / 30%;
        object-fit: cover;
      }

      .poligono {
        width: 200px;
        height: 200px;
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        object-fit: cover;
      }

      .filtro {
        width: 200px;
        height: auto;
        filter: grayscale(80%) brightness(120%);
      }

      .centrada {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 200px;
      }

      .bordes-redondeados {
        width: 200px;
        height: auto;
        border-radius: 15px;
      }

      .thumbnail {
        width: 100px;
        height: auto;
        border: 2px solid #333;
        border-radius: 5px;
      }